:root {
  --color-primary: #e9a23b;
  --color-primary-dark: #9c5f10;
  --color-brand-yellow: #fff200;
  --color-brand-yellow-soft: #fffbd1;
  --color-secondary: #7fa66a;
  --color-secondary-dark: #496b3c;
  --color-accent: #e98163;
  --color-blue: #6e9cb4;
  --color-background: #fffdf7;
  --color-surface: #ffffff;
  --color-surface-soft: #f6f1e7;
  --color-surface-green: #edf3ea;
  --color-text: #2e332e;
  --color-text-muted: #626a62;
  --color-border: #e8e1d5;
  --color-success: #4f8757;
  --color-warning: #a56c16;
  --color-danger: #a94442;
  --color-focus: #245b75;

  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-hero: clamp(2.7rem, 7vw, 5.4rem);

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-card: 0 10px 30px rgba(40, 45, 40, 0.08);
  --shadow-hover: 0 16px 36px rgba(40, 45, 40, 0.13);
  --content-width: 1200px;
  --header-height: 78px;
  --transition: 180ms ease;
}