:root {
  /* Colors - Industrial, high contrast */
  --c-bg: #f8f9fa;
  --c-text: #1a1a1a;
  --c-text-muted: #555555;
  --c-accent: #d9381e; /* Concrete brick red */
  --c-accent-hover: #b02a15;
  --c-surface: #ffffff;
  --c-surface-alt: #e9ecef;
  --c-border: #dee2e6;
  --c-border-dark: #212529;

  /* Typography */
  --font-display: 'Space Grotesk', sans-serif;
  --font-text: 'Chivo', sans-serif;

  /* Scale */
  --s-1: 0.875rem;
  --s-2: 1rem;
  --s-3: 1.125rem;
  --s-4: 1.25rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 2.5rem;
  --s-8: 3.5rem;
  --s-9: 4.5rem;

  /* Spacing */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4rem;
  --sp-7: 6rem;
  --sp-8: 8rem;

  /* Layout */
  --max-width: 1200px;
  --container-pad: var(--sp-4);

  /* Borders - sharp, industrial */
  --radius: 0px;
}