/* ── Elevation ───────────────────────────────────────────────────────────
   The brand leans on HAIRLINES, not shadows. Shadows are rare, soft, cool,
   and low-contrast — used only for genuinely floating layers (menus, dialogs,
   toasts). Flat cards use borders instead. */
:root {
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(16, 32, 58, 0.06);
  --shadow-sm: 0 2px 8px rgba(16, 32, 58, 0.07);
  --shadow-md: 0 8px 24px rgba(16, 32, 58, 0.10);
  --shadow-lg: 0 20px 48px rgba(11, 22, 38, 0.16);
  --shadow-focus: 0 0 0 3px rgba(100, 117, 140, 0.35);  /* steel focus halo */

  /* Inset hairline used on flat cards */
  --ring-hairline: inset 0 0 0 1px var(--border-hairline);
}