:root {
  --navy:       #0D1B2A;
  /* Footer band: same hue as navy, stepped down for depth */
  --navy-footer: #081522;
  --accent:     #00A8FF;
  /* Logo wordmark & slogan/tagline colour (sky blue; sampled from brand asset) */
  --accent-logo: #5297E9;
  --muted:      #566475;
  --bg:         #F7F9FB;
  --white:      #FFFFFF;
  --navy-90:    rgba(13, 27, 42, 0.9);
  --navy-60:    rgba(13, 27, 42, 0.6);
  --accent-10:  rgba(0, 168, 255, 0.08);
  --accent-20:  rgba(0, 168, 255, 0.18);
  --accent-logo-15: rgba(82, 151, 233, 0.15);
  --accent-logo-25: rgba(82, 151, 233, 0.25);
  --font:       'Inter', system-ui, -apple-system, sans-serif;
  --radius:     6px;
  --radius-lg:  12px;
  /* Main content + nav width: fluid with viewport, generous cap on large monitors */
  --max-w:      clamp(20rem, 94vw, 108rem);
  /* Shared horizontal gutter (nav, .container, footer band) */
  --page-pad:   clamp(0.875rem, 2.8vw, 2.25rem);
  --transition: 200ms ease;
  --shadow-sm:  0 1px 3px rgba(13,27,42,0.08), 0 1px 2px rgba(13,27,42,0.06);
  --shadow-md:  0 4px 12px rgba(13,27,42,0.10), 0 2px 4px rgba(13,27,42,0.06);
  --shadow-lg:  0 10px 30px rgba(13,27,42,0.14), 0 4px 8px rgba(13,27,42,0.08);

  /* Fixed header: single topper row (+ pillar bar when data-voa-segment is set on body) */
  --nav-stack-h: 72px;
}