:root {
  /* Warm palette */
  --cream: #F5EDE3;
  --sand: #D4C4AD;
  --coffee: #8B6F47;
  --walnut: #5C4A3A;
  --espresso: #2A1F14;

  /* Accents */
  --amber: #D4A05A;
  --warm-gold: #C4933A;
  --dark-coffee: #6B4D2E;
  --near-black: #1A120B;

  /* Functional */
  --text-primary: #2A1F14;
  --text-secondary: #5C4A3A;
  --text-on-dark: #F5EDE3;
  --text-on-dark-muted: rgba(245, 237, 227, 0.5);
  --link: #8B6F47;

  /* Gradients — warm amber into deep espresso */
  --gradient-hero: linear-gradient(160deg, #D4A05A 0%, #A07040 20%, #6B4D2E 45%, #3D2B1F 70%, #1A120B 100%);
  --gradient-about: linear-gradient(135deg, #3D2B1F 0%, #2A1F14 50%, #1A120B 100%);

  /* Typography */
  --font-display: 'Fraunces', 'Instrument Serif', Georgia, serif;
  --font-body: 'Satoshi', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* Transitions */
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 150ms;
  --duration-normal: 250ms;
}