:root {
  --color-bg: #0a0a0a;
  --color-bg-elevated: #131110;
  --color-bg-elevated-2: #1a1613;
  --color-surface-line: rgba(212, 175, 55, 0.14);

  --color-gold: #d4af37;
  --color-gold-bright: #f0d488;
  --color-gold-deep: #a9842b;
  --color-gold-wash: rgba(212, 175, 55, 0.08);

  --color-text: #f3ede1;
  --color-text-muted: #b9b0a0;
  --color-text-faint: #7d7568;

  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-body: 'Poppins', 'Segoe UI', sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --text-2xl: clamp(2rem, 1.6rem + 2vw, 3rem);
  --text-hero: clamp(2.75rem, 1.6rem + 5.5vw, 5.5rem);

  --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: clamp(4rem, 3rem + 4vw, 7rem);
  --space-section: clamp(5rem, 4rem + 5vw, 9rem);

  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 600ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  --max-width: 1240px;
}