:root {
  --color-bg-1: #FAF7F2;
  --color-bg-2: #F5EDE3;
  --color-bg-3: #EFE4D4;
  --color-bg-4: #E8D9C8;

  --color-text: #3D2B1F;
  --color-text-secondary: #6B5344;
  --color-text-muted: #9A8575;

  --color-accent: #8B6F47;
  --color-accent-hover: #6B5344;
  --color-accent-light: rgba(139, 111, 71, 0.15);

  --color-card: rgba(255, 255, 255, 0.7);
  --color-card-border: rgba(255, 255, 255, 0.5);
  --color-shadow: rgba(61, 43, 31, 0.08);
  --color-shadow-hover: rgba(61, 43, 31, 0.14);

  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;

  --max-width: 1200px;
  --header-height: 72px;

  --transition: 0.25s ease;
}