/* ============================================================
   MissionFi — Depth
   On a light canvas, depth is the only separator we get: cards
   sit on soft navy-tinted shadows instead of borders. Shadows
   are RESERVED — the card, the primary button, the floating
   feature card, the phone mockup. Nothing else casts.

   Radii are deliberately NOT tokenised: the 2026 frames use
   Figma-exact per-component values (9 / 11 / 12 / 14 / 16 / 22 /
   26px, 999px pills), not a scale, so they stay literal in
   assets/styles.css next to the component they belong to.
   ============================================================ */
:root {
  --shadow-card: 0 14px 38px rgba(20, 40, 70, .08);   /* resting cards, panels */
  --shadow-md: 0 8px 22px rgba(25, 63, 215, .10);     /* primary button — navy-tinted */
  --shadow-float: 0 18px 44px rgba(20, 40, 70, .18);  /* overlapping feature card */
  --shadow-phone: 0 24px 54px rgba(20, 40, 70, .18);  /* device mockup */
}