:root {
  --color-bg: #FAF6EF;
  --color-surface: #FDFBF7;
  --color-ink: #1C1B19;
  --color-ink-muted: #5C564B;
  --color-accent: #B5502E;
  --color-accent-ink: #FAF6EF;
  --color-border: #E8DCC8;
  --color-input-border: #8C8578;
  --color-sale: #7A2E22;
  --color-success: #4B6B3A;
  --color-error: #8C2F26;
  --color-highlight: #E8DCC8;
  --color-band: #2B2A28;
  --font-heading: Fraunces, Georgia, "Times New Roman", serif;
  --fw-heading: 600;
  --font-body: Inter, "-apple-system", "Segoe UI", Helvetica, Arial, sans-serif;
  --fw-body: 400;
  --fs-h1: 40px;
  --lh-h1: 1.15;
  --fs-h2: 30px;
  --lh-h2: 1.2;
  --fs-h3: 22px;
  --lh-h3: 1.3;
  --fs-body-md: 16px;
  --lh-body-md: 1.65;
  --fs-body-sm: 14px;
  --lh-body-sm: 1.5;
  --fs-label: 13px;
  --lh-label: 1.4;
  --fs-price: 20px;
  --lh-price: 1.2;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-section: 96px;
  --space-container: 1280px;
  --space-gutter: 24px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;
  --shadow-raised: 0 8px 24px rgba(28, 27, 25, 0.12);
}
@media (max-width: 767px) {
  :root {
    --fs-h1: 32px;
    --lh-h1: 1.15;
    --fs-h2: 26px;
    --lh-h2: 1.2;
    --space-section: 56px;
    --space-gutter: 16px;
  }
}