:root {
  --color-bg:        #0b0b0d;
  --color-surface:   #14151a;
  --color-surface-2: #1d1f26;
  --color-text:      #f2f2f2;
  --color-muted:     #9aa0a6;
  --color-accent:    #00e5ff;
  --color-accent-2:  #c026ff;
  --color-border:    rgba(255, 255, 255, 0.08);
  --color-overlay:   rgba(0, 0, 0, 0.6);

  --font-display: "Bebas Neue", "Oswald", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-300: 0.875rem;
  --fs-400: 1rem;
  --fs-500: 1.125rem;
  --fs-600: 1.375rem;
  --fs-700: 2rem;
  --fs-800: 3rem;
  --fs-900: clamp(2.75rem, 6vw, 5.5rem);

  --lh-tight: 1.05;
  --lh-snug:  1.25;
  --lh-body:  1.6;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 5rem;
  --space-7: 7rem;

  --radius-sm: 2px;
  --radius:    4px;
  --radius-lg: 8px;

  --container-max: 1240px;
  --container-pad: clamp(1rem, 4vw, 2.5rem);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 150ms;
  --dur:      250ms;
  --dur-slow: 450ms;

  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.55);

  --header-h: 76px;
}