/* ============================================================
   FREEDOMVISORY · ELEVATION & MOTION TOKENS
   Shadows are soft, low and composed — never harsh or floating.
   Tinted with navy so they belong to the palette. Motion is calm:
   short, eased, no bounce. Persuade through composure, not flourish.
   ============================================================ */
:root {
  /* ---- Shadows (navy-tinted, low spread) ---- */
  --shadow-xs:  0 1px 2px rgba(12,30,53,0.06);
  --shadow-sm:  0 2px 8px rgba(12,30,53,0.07);
  --shadow-md:  0 8px 24px rgba(12,30,53,0.09);
  --shadow-lg:  0 18px 48px rgba(12,30,53,0.12);
  --shadow-inset-hairline: inset 0 0 0 1px var(--border-hairline);

  /* Card on ivory: hairline border carries most of the definition,
     shadow only whispers. */
  --elevation-card: var(--shadow-sm);
  --elevation-pop:  var(--shadow-lg);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 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, 1, 1);     /* @kind other */

  --dur-fast:   120ms;   /* @kind other */
  --dur-base:   200ms;   /* @kind other */
  --dur-slow:   360ms;   /* @kind other */

  --transition-base: all var(--dur-base) var(--ease-standard); /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;  /* @kind other */
    --dur-base: 0ms;  /* @kind other */
    --dur-slow: 0ms;  /* @kind other */
  }
}