:root{
  /* 4px scale — never arbitrary values */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
  --space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
  /* Golden-ratio section rhythm (61.8 desktop → 38.2 mobile) — brand signature */
  --space-section:clamp(38.2px,5vw,61.8px);
  /* Containers */
  --container-narrow:720px;
  --container-content:1200px;
  /* Corners — sharp & structured */
  --radius-sm:4px;   /* buttons, inputs, table cells */
  --radius-md:6px;   /* cards, panels */
  --radius-lg:10px;  /* feature blocks, modals */
  --radius-pill:999px; /* badges, tags, chips only */
  /* Elevation — subtle, navy-tinted; flat color on navy/red panels */
  --shadow-sm:0 1px 2px rgba(21,46,82,.08),0 1px 3px rgba(21,46,82,.10);
  --shadow-md:0 4px 12px rgba(21,46,82,.10),0 2px 4px rgba(21,46,82,.06);
  --shadow-lg:0 12px 32px rgba(21,46,82,.16),0 4px 8px rgba(21,46,82,.08);
}