:root {
  --color-brand: #8a5a3b;
  --color-brand-hover: #70462f;
  --color-brand-soft: #eaded4;
  --color-on-brand: #ffffff;
  --color-navigation: #1c1b1a;
  --color-action: #245b78;
  --color-action-hover: #19465f;
  --color-action-soft: #e5eef3;
  --color-success: #2f6b4f;
  --color-success-soft: #e8f1ec;
  --color-promo: #b08a57;
  --color-warning: #f97316;
  --color-error: #f23d4f;
  --color-text: #1c1b1a;
  --color-text-muted: #706b66;
  --color-page: #f5f1eb;
  --color-surface: #ffffff;
  --color-border: #ded7ce;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-small: 4px;
  --radius-medium: 6px;
  --radius-large: 8px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .05);
  --shadow-modal: 0 24px 80px rgba(0, 0, 0, .24);
}