:root {
  /* Colors — from DESIGN.md, "The Quiet Foundry" */
  --navy-900: #0B1522;
  --navy-700: #16233A;
  --steel: #1C2636;
  --steel-light: #2A3648;
  --white: #FFFFFF;
  --off-white: #F6F7F9;
  --ink: #1A1F2B;
  --gray: #6B7280;
  --gold: #E3A712;
  --gold-dark: #C08D0A;
  --gold-glow: rgba(227, 167, 18, 0.35);
  --border: #E4E7EC;
  --border-dark: #243044;

  /* Spacing — 4pt scale */
  --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;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 10px;

  /* Type */
  --font-heading: 'Bebas Neue', 'Archivo', sans-serif;
  --font-body: 'Inter', 'Public Sans', sans-serif;

  --text-display: clamp(2.75rem, 2rem + 3vw, 3.5rem);
  --text-h1: 34px;
  --text-h2: 26px;
  --text-h3: 19px;
  --text-body: 16px;
  --text-small: 13px;
  --text-eyebrow: 12px;

  /* Motion */
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 450ms;

  /* Elevation */
  --shadow-hover: 0 4px 16px rgba(11, 21, 34, 0.08);

  /* Z-index scale */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;

  /* Max content width */
  --content-max: 1280px;
}