:root {
  /* Colors */
  --color-bg: #0a0a0c;
  --color-surface: #111114;
  --color-accent: #ff6b35;
  --color-accent-glow: rgba(255, 107, 53, 0.15);
  --color-text-primary: #f0f0f0;
  --color-text-secondary: #8a8a95;

  /* Typography */
  --font-sans: "Stack Sans Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --text-hero: clamp(3rem, 8vw, 6rem);

  /* Layout */
  --max-width: 1200px;
  --spacing-unit: 1rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;

  /* Effects */
  --blur-light: blur(12px);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.3);
  --shadow-hover: 0 12px 48px rgba(255, 107, 53, 0.15);

  /* Transitions */
  --transition-default: 300ms ease-out;
}