:root {
  --color-primary: #DCBE54;
  --color-primary-dark: #8C7436;
  --color-secondary: #AEAFB1;
  --color-accent: #C52227;
  --color-surface: #080A0C;
  --color-surface-alt: #101418;
  --color-text: #F4F2EB;
  --color-text-muted: #A5A8AB;
  --color-text-on-dark: #FFFFFF;
  --color-border: rgba(220, 190, 84, 0.18);

  --font-display: 'Arial Narrow', 'Roboto Condensed', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Cascadia Mono', Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-hero: clamp(3.4rem, 7vw, 6.75rem);

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-section: clamp(4.25rem, 7vw, 6.75rem);

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 9999px;

  --shadow-card: 0 18px 55px rgba(0, 0, 0, 0.28);
  --shadow-card-hover: 0 28px 75px rgba(0, 0, 0, 0.46);
  --shadow-hero: 0 40px 120px rgba(0, 0, 0, 0.52);

  --animation-blob-speed: 18s;
  --animation-scroll-parallax: 0.3;
}