:root {
  /* Industrial palette */
  --color-navy: #1a2332;
  --color-anthracite: #1e1e24;
  --color-bg: #f4f5f7;
  --color-surface: #ffffff;
  --color-text: #1e1e24;
  --color-text-muted: #5a6270;
  --color-text-on-dark: #f4f5f7;
  --color-text-muted-on-dark: #a8b0bc;

  --color-primary: #1a2332;
  --color-primary-hover: #0f1520;
  --color-accent: #ff6b00;
  --color-accent-hover: #e55f00;
  --color-accent-muted: rgb(255 107 0 / 12%);
  --color-accent-yellow: #ffb800;

  --color-border: #d1d5db;
  --color-border-strong: #1a2332;
  --color-focus: #ff6b00;
  --color-topbar-bg: #1a2332;
  --color-topbar-text: #f4f5f7;
  --color-header-bg: #ffffff;
  --color-footer-bg: #1a2332;

  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-section-mobile: 3rem;
  --space-section-desktop: 5rem;

  --container-max: 72rem;
  --container-padding: clamp(1rem, 4vw, 2rem);

  --header-height: 4.25rem;
  --topbar-height: 2.5rem;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --shadow-sm: 0 1px 0 rgb(26 35 50 / 6%);
  --shadow-card: 0 4px 0 var(--color-border-strong);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 250ms cubic-bezier(0.34, 1.56, 0.64, 1);

  --grid-line: rgb(26 35 50 / 6%);
  --blueprint-size: 1.5rem;
}