/* Shadows are navy-tinted (the globe blue), never neutral black. Two ambient
   levels for resting cards, one lifted level for hover, one for overlays. */
:root {
  --shadow-xs: 0 1px 2px rgba(7, 21, 33, 0.07);
  --shadow-sm: 0 1px 3px rgba(7, 21, 33, 0.09), 0 1px 2px rgba(7, 21, 33, 0.05);
  --shadow-md: 0 4px 12px rgba(7, 21, 33, 0.1), 0 1px 3px rgba(7, 21, 33, 0.06);
  --shadow-lg: 0 12px 28px rgba(7, 21, 33, 0.15), 0 2px 6px rgba(7, 21, 33, 0.07);
  --shadow-overlay: 0 24px 60px rgba(7, 21, 33, 0.3);
  --shadow-accent: 0 6px 18px rgba(54, 187, 208, 0.34);
  --inset-hairline: inset 0 0 0 1px var(--border-subtle);
  --inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.14);
  --ring-focus: 0 0 0 3px rgba(54, 187, 208, 0.42);
}