/* ============================================================
   EFFECTS — shadows, motion, focus — Podlevskikh Design System
   Shadows are soft, cool-navy tinted, never pure black.
   Motion is calm and academic: short eases, no bounce.
   ============================================================ */
:root {
  /* --- Elevation (navy-tinted, layered) --- */
  --shadow-xs: 0 1px 2px rgba(12, 26, 46, 0.06);
  --shadow-sm: 0 1px 3px rgba(12, 26, 46, 0.08), 0 1px 2px rgba(12, 26, 46, 0.04);
  --shadow-md: 0 4px 12px rgba(12, 26, 46, 0.08), 0 2px 4px rgba(12, 26, 46, 0.05);
  --shadow-lg: 0 12px 28px rgba(12, 26, 46, 0.12), 0 4px 10px rgba(12, 26, 46, 0.06);
  --shadow-xl: 0 24px 56px rgba(12, 26, 46, 0.16), 0 8px 18px rgba(12, 26, 46, 0.08);

  /* Accent glow for emphasized/gold elements */
  --shadow-gold: 0 6px 20px rgba(193, 138, 43, 0.22);

  /* Inset (inputs, wells) */
  --shadow-inset: inset 0 1px 2px rgba(12, 26, 46, 0.06);

  /* --- Focus --- */
  --ring: 0 0 0 3px rgba(58, 114, 196, 0.35);
  --ring-gold: 0 0 0 3px rgba(214, 163, 71, 0.40);

  /* --- Motion --- */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1);  /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);   /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0.0, 1, 1);    /* @kind other */
  --dur-fast:   120ms;  /* @kind other */
  --dur-base:   200ms;  /* @kind other */
  --dur-slow:   320ms;  /* @kind other */

  /* --- Hairline rule color --- */
  --hairline: var(--border-subtle);
}