:root {
  --coffee-950: #1f140f;
  --coffee-900: #2b1b13;
  --coffee-800: #3b2a21;
  --coffee-700: #4f372b;
  --coffee-600: #7a5442;
  --cream-50: #fffdf9;
  --cream-100: #f8f2e8;
  --cream-200: #efe3d1;
  --gold-400: #cba56a;
  --gold-500: #b78c4f;
  --red-500: #b4493d;
  --green-500: #2f7a5b;
  --ink-900: #19130f;
  --ink-700: #3f342e;
  --ink-500: #64564e;
  --ink-300: #9b8d84;
  --line: #d9cab8;
  --surface: #fffaf2;
  --surface-2: #f3e8d8;
  --white: #ffffff;

  --radius-xs: 0.5rem;
  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2.25rem;

  --shadow-soft: 0 14px 32px rgba(43, 27, 19, 0.12);
  --shadow-lift: 0 20px 45px rgba(43, 27, 19, 0.2);
  --shadow-line: 0 0 0 1px rgba(63, 52, 46, 0.08);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  --container: 1180px;
  --transition-fast: 180ms ease-out;
  --transition-mid: 280ms ease-out;
}