:root {
  /* Colors */
  --color-bg-base: #f4f4f2;
  --color-bg-surface: #ffffff;
  --color-bg-surface-alt: #e8e8e5;
  --color-bg-dark: #111111;
  --color-bg-accent: #ff4500;

  --color-text-base: #111111;
  --color-text-muted: #555555;
  --color-text-inverse: #ffffff;

  --color-border: #d1d1cf;
  --color-border-dark: #333333;

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

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;

  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  --tracking-tight: -0.02em;
  --tracking-normal: 0;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Layout */
  --container-max: 1200px;
  --container-narrow: 800px;

  /* Borders */
  --border-width-thin: 1px;
  --border-width-thick: 2px;
  --border-width-heavy: 4px;
}