:root {
  --color-bg: #fff6ec;
  --color-surface: #ffffff;
  --color-surface-alt: #ffead7;
  --color-text: #301b0e;
  --color-muted: #6a462b;
  --color-primary: #d56517;
  --color-primary-strong: #a84b0d;
  --color-accent: #f08a2a;
  --color-border: #f1c9a3;

  --shadow-soft: 0 10px 30px rgba(104, 56, 21, 0.12);

  --font-heading: "Trebuchet MS", "Segoe UI", "Arial Narrow", sans-serif;
  --font-body: "Verdana", "Segoe UI", "Tahoma", sans-serif;

  --fs-100: 0.875rem;
  --fs-200: 1rem;
  --fs-300: 1.125rem;
  --fs-400: 1.25rem;
  --fs-500: 1.75rem;
  --fs-600: 2.25rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;

  --container-max: 72rem;
}