:root {
  --color-bg: #f3eee6;
  --color-bg-elevated: #faf6ef;
  --color-surface: #fffaf3;
  --color-text: #3b3228;
  --color-text-muted: #6e6256;
  --color-border: #e2d4c3;
  --color-accent: #7a8d70;
  --color-accent-hover: #66785d;
  --color-accent-fg: #f7f3eb;
  --color-secondary: #c4684a;
  --color-secondary-hover: #ad5840;
  --color-secondary-fg: #fdf6f1;
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.75rem;
  --shadow-card: 0 10px 28px rgba(59, 50, 40, 0.08);
  --font-sans: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --header-height: 4.25rem;
  --content-max: 72rem;
  --space-page: 1.5rem;
}