:root {
  /* Colors */
  --c-bg: #F4F4F2;
  --c-text: #1C1C1A;
  --c-accent: #D9480F; /* Industrial deep orange */
  --c-muted: #6B6B66;
  --c-border: #D1D1CB;
  --c-surface: #FFFFFF;
  --c-dark-bg: #111111;
  --c-dark-text: #F4F4F2;
  --c-dark-accent: #FF6B35;

  /* Typography - Space Grotesk (display), Chivo (text) */
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-text: 'Chivo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Scale */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 1rem;
  --s-4: 1.5rem;
  --s-5: 2rem;
  --s-6: 3rem;
  --s-7: 4rem;
  --s-8: 6rem;

  /* Typography scale */
  --t-sm: 0.875rem;
  --t-base: 1rem;
  --t-lg: 1.25rem;
  --t-xl: 1.5rem;
  --t-2xl: 2rem;
  --t-3xl: 2.5rem;
  --t-4xl: 3.5rem;
  --t-5xl: 5rem;

  /* Layout */
  --max-w: 1440px;
  --nav-height: 80px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: var(--c-dark-bg);
    --c-text: var(--c-dark-text);
    --c-border: #333333;
    --c-surface: #1A1A1A;
    --c-muted: #A0A0A0;
    --c-accent: var(--c-dark-accent);
  }
}