/* ============================================================
   Longevity Initiatives — Elevation, shadows, motion
   Soft, low-contrast shadows (the brand guide cards use
   0 2px 16px rgba(0,0,0,.06–.08)). Calm fade transitions,
   no bounce. Hover = gentle lift + slight darken.
   ============================================================ */
:root {
  /* ── Shadows ────────────────────────────────────── */
  --shadow-xs: 0 1px 3px rgba(44, 62, 80, 0.06);
  --shadow-sm: 0 2px 12px rgba(44, 62, 80, 0.06);
  --shadow-md: 0 2px 16px rgba(0, 0, 0, 0.08);     /* default card */
  --shadow-lg: 0 12px 36px rgba(44, 62, 80, 0.12);
  --shadow-xl: 0 24px 64px rgba(32, 48, 63, 0.22);  /* modal on dark */
  --shadow-focus: 0 0 0 3px rgba(45, 125, 125, 0.28); /* teal focus ring */

  /* ── 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 */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */

  /* ── Backdrop / overlay ─────────────────────────── */
  --overlay-scrim: rgba(32, 48, 63, 0.55); /* @kind color */
  --blur-glass: blur(14px); /* @kind other */
}

/* Honor reduced-motion globally for consumers of these tokens */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms; /* @kind other */
    --dur-base: 0ms; /* @kind other */
    --dur-slow: 0ms; /* @kind other */
  }
}