:root {
  --color-ink: #1b1c1c;
  --color-muted: #434843;
  --color-primary: #536254;
  --color-primary-deep: #34463a;
  --color-primary-soft: #e8eee5;
  --color-gold: #b39542;
  --color-gold-soft: #f3dda0;
  --color-cream: #fcfaf5;
  --color-paper: #f5efe3;
  --color-white: #ffffff;
  --color-border: #d0cabd;
  --color-border-soft: #e6e0d4;
  --color-error: #9c3428;
  --color-success: #2f6241;
  --font-display: "Raleway", "Avenir Next", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-button: 9px;
  --radius-card: 14px;
  --shadow-card: 0 18px 44px rgba(70, 57, 30, 0.10);
  --shadow-header: 0 8px 26px rgba(70, 57, 30, 0.08);
  --container: 1280px;
  --gutter: 20px;
}

@media (min-width: 768px) {
  :root { --gutter: 32px; }
}

@media (min-width: 1280px) {
  :root { --gutter: 48px; }
}