/* ════════════════════════════════════════════════════════════════
   TBD — Elevation, motion & effects tokens
   Soft navy-tinted shadows; signature easing cubic-bezier(.16,1,.3,1).
   ════════════════════════════════════════════════════════════════ */

:root {
  /* ── Shadows (navy-tinted, never neutral grey) ──────────────── */
  --shadow-sm:    0 2px 8px -3px rgba(2, 28, 79, 0.10);
  --shadow:       0 10px 30px -14px rgba(2, 28, 79, 0.16),
                  0 2px 8px -4px rgba(2, 28, 79, 0.06);
  --shadow-lg:    0 36px 70px -28px rgba(2, 28, 79, 0.32),
                  0 10px 24px -12px rgba(2, 28, 79, 0.14);
  --shadow-brand: 0 22px 48px -18px rgba(76, 98, 255, 0.45);

  /* ── Motion ─────────────────────────────────────────────────── */
  --ease:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast:  0.2s; /* @kind other */
  --dur:       0.35s; /* @kind other */
  --dur-slow:  0.7s; /* @kind other */

  /* ── Glass (chips, scrolled header) ─────────────────────────── */
  --glass-bg:     rgba(255, 255, 255, 0.82); /* @kind color */
  --glass-blur:   blur(10px); /* @kind other */
  --glass-border: 1px solid rgba(255, 255, 255, 0.7); /* @kind other */
}