:root {
  --ch-color-background: #f4f4f2;
  --ch-color-surface: #ffffff;
  --ch-color-primary: #4b2a14;
  --ch-color-primary-dark: #2b160b;
  --ch-color-on-primary: #ffffff;
  --ch-color-text: #2d2926;
  --ch-color-text-muted: #6f675f;
  --ch-color-border: #ded8d0;
  --ch-color-control-border: #83776a;
  --ch-color-gold: #c6a437;
  --ch-color-gold-soft: #f1e6bd;
  --ch-color-gold-fg: #755a0e;
  --ch-color-accent: var(--ch-color-gold);
  --ch-color-accent-soft: var(--ch-color-gold-soft);
  --ch-color-focus: #4b2a14;
  --ch-color-focus-on-dark: #c6a437;
  --ch-color-gold-bg: #f7efcf;
  --ch-color-warning: #8a5a12;
  --ch-border: #ded6c8;
  --ch-color-ok-bg: #e7f4eb;
  --ch-color-ok-fg: #1f6a3a;
  --ch-color-error-bg: #fbe9e7;
  --ch-color-error-fg: #9c2c20;
  --ch-radius-sm: 6px;
  --ch-radius-md: 10px;
  --ch-radius-lg: 16px;
  --ch-space-xs: 4px;
  --ch-space-sm: 8px;
  --ch-space-md: 16px;
  --ch-space-lg: 24px;
  --ch-space-xl: 32px;
  --ch-space-2xl: 48px;
  --ch-shadow-card: 0 8px 30px rgb(43 22 11 / 8%);
  --ch-shadow-elevated: 0 24px 70px rgb(43 22 11 / 18%);
  --ch-focus-ring: 0 0 0 3px rgb(75 42 20 / 32%);
  --ch-focus-ring-on-dark: 0 0 0 3px rgb(198 164 55 / 38%);
  --ch-container: 1180px;
  --ch-container-wide: 1320px;
  --ch-header-height: 82px;
  --ch-breakpoint-mobile: 767px;
  --ch-breakpoint-tablet: 1023px;
  --ch-font-brand: "Playfair Display", Georgia, "Times New Roman", serif;
  --ch-font-sans: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ch-font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}