:root {
  /* Colors */
  --color-bg: #0a0a0a;
  --color-bg-elevated: #121212;
  --color-text: #f5f2ec;
  --color-text-muted: #a8a49c;
  --color-accent: #c81e2c;
  --color-accent-soft: rgba(200, 30, 44, 0.14);
  --color-border: rgba(245, 242, 236, 0.14);
  --color-overlay: rgba(8, 8, 8, 0.55);

  /* Typography */
  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  /* Fluid type scale */
  --fs-hero: clamp(3.2rem, 11vw, 10.5rem);
  --fs-h2: clamp(2rem, 5vw, 4.2rem);
  --fs-h3: clamp(1.25rem, 2.4vw, 1.8rem);
  --fs-body: clamp(0.95rem, 1vw, 1.05rem);
  --fs-small: 0.78rem;

  /* Spacing scale */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* Layout */
  --container-width: 1760px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);
  --nav-height: 88px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.3s;
  --dur-medium: 0.6s;
  --dur-slow: 1.2s;

  /* Z-index scale */
  --z-nav: 100;
  --z-hero-content: 10;
  --z-hero-media: 1;
}