:root {
  --color-bg: #F7F4EE;
  --color-surface: #FFFFFF;
  --color-ink: #1F1D1A;
  --color-ink-muted: #5C5955;
  --color-accent: #2F4A3A;
  --color-accent-ink: #FFFFFF;
  --color-border: #E9E4DA;
  --color-input-border: #8A867F;
  --color-sale: #8C3B2E;
  --color-success: #1E7B3A;
  --color-error: #B42318;
  --color-highlight: #F1E6CC;
  --font-heading: Newsreader, "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --fw-heading: 500;
  --font-body: "Source Sans 3", "Segoe UI", Helvetica, Arial, sans-serif;
  --fw-body: 400;
  --fs-h1: 56px;
  --lh-h1: 1.05;
  --fs-h2: 36px;
  --lh-h2: 1.1;
  --fs-h3: 23px;
  --lh-h3: 1.2;
  --fs-body-md: 17px;
  --lh-body-md: 1.55;
  --fs-body-sm: 14px;
  --lh-body-sm: 1.5;
  --fs-label: 13px;
  --lh-label: 1.3;
  --fs-price: 20px;
  --lh-price: 1.2;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-section: 112px;
  --space-container: 1200px;
  --space-gutter: 24px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-pill: 999px;
  --shadow-raised: 0 8px 24px rgba(31, 29, 26, 0.10);
}
@media (max-width: 767px) {
  :root {
    --fs-h1: 34px;
    --lh-h1: 1.1;
    --fs-h2: 27px;
    --lh-h2: 1.15;
    --space-section: 64px;
    --space-gutter: 16px;
  }
}