:root {
  color-scheme: light;
  --cream: #faf7ee;
  --sage: #a7b89a;
  --olive: #687f61;
  --blue-gray: #8ca0b0;
  --gold: #d4b574;
  --sand: #e9dcc8;
  --graphite: #2f3a33;
  --surface: #fffdf8;
  --muted: #60685f;
  --line: #e3e2d7;
  --primary: #4f6448;
  --primary-hover: #3e5038;
  --on-primary: #ffffff;
  --danger: #953d32;
  --danger-bg: #f9ece7;
  --soft: #eef0e6;
  --shade: #24302866;
  --hero-shade: #243028d9;
  --focus: #496a83;
  --shadow: 0 12px 40px #2f3a3310;
  --font-title: Georgia, "Times New Roman", serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius: 18px;
  --small-radius: 10px;
  --max-width: 1200px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
}