:root {
  /* Primary Colors - European Industrial */
  --color-navy: #0B1C2C;
  --color-navy-deep: #061018;
  --color-blue-dark: #12253A;
  --color-blue-mid: #1A334D;
  
  /* Neutrals */
  --color-white: #FFFFFF;
  --color-off-white: #F7F8FA;
  --color-gray-100: #EEF1F5;
  --color-gray-200: #D8DEE6;
  --color-gray-300: #B0BAC7;
  --color-gray-500: #6B7A8D;
  --color-gray-700: #3A4656;
  --color-gray-900: #1C2530;
  
  /* Accent - very restrained warm */
  --color-accent: #C47A3A;
  --color-accent-soft: rgba(196, 122, 58, 0.12);
  
  /* Typography - system fonts for fast loading */
  --font-sans: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-mono: "SF Mono", "Roboto Mono", Consolas, monospace;
  
  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8rem;
  
  /* Layout */
  --rail-width: 72px;
  --max-width: 1120px;
  --header-height: 72px;
  
  /* Transitions */
  --transition: 0.25s ease;
}