:root {
  /* Colors - Technical Heritage */
  --color-primary: #111111;        /* deep off-black */
  --color-accent: #FF4500;         /* safety orange accent */
  --color-accent-light: #FF7B47;   /* light orange */
  --color-warm-white: #F5F5F3;     /* bone white background */
  --color-warm-gray: #E8E8E8;      /* visible grid line color */
  --color-text-main: #111111;      /* body text */
  --color-text-muted: #666666;     /* subtext, captions */
  --color-success: #3D7A5A;        /* success green tone */
  --color-overlay: rgba(17,17,17,0.7); /* dark overlays on images */
  --border-light: #D4D4D4;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --space-xl: 96px;
  --space-2xl: 128px;

  /* Typography */
  --font-display: 'Inter', sans-serif;
  --font-accent: 'Cormorant Garamond', serif;
  --font-body: 'Inter', sans-serif;
  --font-technical: 'JetBrains Mono', monospace;

  /* Border Radius */
  --radius-card: 0px;
  --radius-button: 0px;

  /* Shadows */
  --shadow-card: none;
  --shadow-hover: none;

  /* Breakpoints */
  --bp-mobile: 480px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --bp-wide: 1280px;
  --bp-ultrawide: 1440px;
}