:root {
  /* Colors */
  --color-bg: #0a0a0a;
  --color-bg-secondary: #121800;
  --color-bg-card: #181818;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-hover: rgba(255, 255, 255, 0.15);
  --color-text: #f0f0f0;
  --color-text-secondary: #888888;
  --color-text-tertiary: #6f6f6f;
  --color-accent-start: #AEEB29;
  --color-accent-end: #FFFD75;
  
  /* Typography */
  --font-sans: 'Everett', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;
  
  /* Spacing */
  --space-section: clamp(80px, 12vw, 160px);
  --space-gap: clamp(16px, 3vw, 32px);
  
  /* Grid */
  --grid-line: 1px solid var(--color-border);
  --grid-max: 1280px;
  --grid-padding: clamp(20px, 5vw, 80px);
  
  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;

  /* Z-index */
  --z-nav: 1000;
  --z-overlay: 100;
}