:root {
  --font-heading: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-size-base: 16px; --font-size-sm: 14px; --font-size-xs: 12px;
  --font-size-h1: 2.75rem; --font-size-h2: 2rem; --font-size-h3: 1.25rem;
  --line-height-body: 1.65; --line-height-heading: 1.15;
  --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-bold: 800;
  --color-bg: #0f0f0f; --color-bg-alt: #1a1a1a; --color-bg-card: #1e1e1e;
  --color-text: #f0f0f0; --color-text-secondary: #a0a0a0; --color-text-muted: #666;
  --color-accent: #ff4757; --color-accent-hover: #ff6b7a;
  --color-border: #2a2a2a; --color-border-light: #222;
  --container-max: 1200px; --container-narrow: 740px;
  --space-xs: 0.25rem; --space-sm: 0.5rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2.5rem; --space-xxl: 4rem;
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-round: 50px;
  --card-shadow: none; --card-shadow-hover: 0 0 20px rgba(255,71,87,0.15);
  --card-bg: #1e1e1e; --card-border: 1px solid #2a2a2a; --card-radius: 8px;
  --header-bg: #0f0f0f; --header-text: #f0f0f0; --header-height: 64px; --header-border: 1px solid #2a2a2a;
  --footer-bg: #0a0a0a; --footer-text: #888; --footer-border: 1px solid #2a2a2a;
}