:root {
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2.5rem;
  --spacing-xl: 4rem;
  --spacing-xxl: 6rem;

  --font-h1: clamp(2.25rem, 5vw, 3rem);
  --font-h2: clamp(1.75rem, 4vw, 2.25rem);
  --font-h3: clamp(1.25rem, 3vw, 1.75rem);
  --font-body: 1.125rem;
  --font-small: 0.875rem;

  --line-height-tight: 1.25;
  --line-height-normal: 1.6;

  --color-bg: #0a0a0a;
  --color-surface: #141414;
  --color-text: #f5f0e8;
  --color-text-secondary: #a89f91;
  --color-accent: #c9a96e;
  --color-accent-light: #d4b87a;
  --color-bronze: #b08d57;
  --color-gold: #c9a96e;
  --color-off-white: #f5f0e8;
  --color-red: #c0392b;
  --color-border: #2a2a2a;

  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}