:root {
  --bg: #0e0707;
  --bg-1: #1a0d0c;
  --bg-2: #211211;
  --bg-elevated: #2a1817;

  --primary-red: #E53935;
  --primary-red-bright: #ff4f49;
  --primary-orange: #FF8C00;
  --primary-gold: #FFD700;

  --text: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.78);
  --text-tertiary: rgba(255, 255, 255, 0.55);
  --text-quaternary: rgba(255, 255, 255, 0.35);

  --glass-bg: rgba(33, 18, 17, 0.55);
  --glass-bg-strong: rgba(14, 7, 7, 0.85);
  --glass-border: rgba(255, 255, 255, 0.06);
  --glass-border-strong: rgba(255, 255, 255, 0.14);

  --font-display: 'Lexend', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Space Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Bigger editorial type scale */
  --fs-eyebrow: 0.75rem;
  --fs-hero: clamp(2.5rem, 6.5vw, 6rem);
  --fs-display: clamp(2rem, 4.5vw, 4rem);
  --fs-h2: clamp(2rem, 4.5vw, 4rem);
  --fs-h3: clamp(1.25rem, 1vw + 1rem, 1.625rem);
  --fs-h4: 1.125rem;
  --fs-body: 1rem;
  --fs-lead: clamp(1.0625rem, 0.5vw + 1rem, 1.3125rem);
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-40: 10rem;

  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-2xl: 48px;
  --r-pill: 9999px;

  --shadow-red: 0 30px 100px -20px rgba(229, 57, 53, 0.55);
  --shadow-red-soft: 0 20px 60px -20px rgba(229, 57, 53, 0.4);
  --shadow-gold: 0 20px 60px -20px rgba(255, 215, 0, 0.3);
  --shadow-card: 0 30px 60px -30px rgba(0, 0, 0, 0.7);
  --shadow-phone: 0 50px 120px -30px rgba(0, 0, 0, 0.7), 0 30px 80px -40px rgba(229, 57, 53, 0.4);

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

  --header-height: 64px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}
