/* ── Audacious Duo · Elevation, shadow, motion ─────────────────────────────
   Shadows are soft and navy-tinted (never neutral grey) so cards feel like
   they sit on warm paper. Motion is slow and composed — gentle fades and
   short lifts, no bounce.
   ────────────────────────────────────────────────────────────────────────── */

:root {
  /* ---- Shadows (navy-tinted) ---- */
  --shadow-xs: 0 1px 2px rgba(22, 19, 59, 0.06);
  --shadow-sm: 0 2px 8px rgba(22, 19, 59, 0.08);
  --shadow-md: 0 10px 28px rgba(22, 19, 59, 0.10);
  --shadow-lg: 0 22px 50px rgba(22, 19, 59, 0.14);
  --shadow-inset-hair: inset 0 0 0 1px rgba(39, 35, 97, 0.08);

  /* ---- Image protection gradient (for text over photography) ---- */
  --scrim-bottom: linear-gradient(to top, rgba(22,19,59,0.78) 0%, rgba(22,19,59,0.30) 42%, rgba(22,19,59,0) 78%); /* @kind other */
  --scrim-full:   linear-gradient(to top, rgba(22,19,59,0.70) 0%, rgba(22,19,59,0.18) 60%, rgba(22,19,59,0.34) 100%); /* @kind other */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.45, 0, 0.25, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-med: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */

  /* ---- Hairline rule used as a nautical divider ---- */
  --rule: 1px solid var(--border-hair); /* @kind other */
}