:root {
  /* Dark-mode (toggle) surface tones — muted graphite, not pure navy */
  --navy:        #12181f;
  --navy-mid:    #171e26;
  --navy-light:  #232c36;
  --ocean:       #3d5a73;
  --sky:         #6f93a8;

  /* Brand accent — desaturated brass, echoes an inspection stamp/seal
     rather than a bright UI highlight */
  --accent:      #a67c3d;
  --accent-glow: #c2995c;

  --white:       #ffffff;
  --off-white:   #f0f4f8;
  --muted:       #93a2b0;
  --card-bg:     rgba(255,255,255,0.04);
  --border:      rgba(255,255,255,0.08);

  /* Technical/engineering type system: geometric display face,
     documentation-grade body text, monospace for data readouts */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'IBM Plex Sans', sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;

  --radius: 4px;
  --shadow: 0 8px 40px rgba(0,0,0,0.35);
  --transition: 0.3s cubic-bezier(0.4,0,0.2,1);

  --max-w: 1180px;
  --section-pad: 140px 24px;
}