/* ============================================================
   Red Door Analytics — Elevation, shadow & motion tokens
   Shadows are low, cool and navy-tinted — never neutral grey.
   Motion is short and functional: 0.15–0.25s, ease, small lifts.
   ============================================================ */

:root {
  /* ---- Shadows (navy-tinted, low spread) ---- */
  --shadow-xs:   0 2px 12px rgba(21, 45, 73, 0.04);
  --shadow-sm:   0 6px 24px rgba(21, 45, 73, 0.06);
  --shadow-md:   0 8px 28px rgba(21, 45, 73, 0.08);
  --shadow-lg:   0 12px 40px rgba(21, 45, 73, 0.05);
  --shadow-card-hover: 0 10px 32px rgba(21, 45, 73, 0.08);
  --shadow-dark: 0 12px 40px rgba(21, 45, 73, 0.18);

  /* ---- Motion ---- */
  --ease:          cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast:      0.15s; /* @kind other */
  --dur-base:      0.18s; /* @kind other */
  --dur-slow:      0.25s; /* @kind other */
  --transition-card: border-color var(--dur-base), box-shadow var(--dur-base), transform var(--dur-base); /* @kind other */

  /* ---- Lift on hover ---- */
  --lift:        translateY(-2px); /* @kind other */
  --lift-lg:     translateY(-3px); /* @kind other */
}