/* 生成物 — 直接編集しないこと。
   design/tokens.json を変更して node scripts/build-tokens.mjs を実行する */
:root {
  --color-main: #BD7F1E;
  --color-sub: #2C0D06;
  --color-primary: #7D1C1C;
  --color-primary-hover: #6A1818;
  --color-accent: #B4853C;
  --color-text: #222222;
  --color-text-muted: #6E5B50;
  --color-text-inverse: #FFFFFF;
  --color-bg: #FAF4EC;
  --color-page-bg: #FCFAF8;
  --color-bg-subtle: #F3EAE0;
  --color-bg-card: #FAF4EC;
  --color-bg-dark: #281D15;
  --color-border: #D9D0C2;
  --color-border-soft: #F1E2CE;
  --color-comparison-line: #D5B89A;
  --color-comparison-frame: #E7D9CD;
  --color-comparison-grid: #E7E5E3;
  --color-cuisine-line: #DDA243;
  --color-cuisine-bg: #FCF8F4;
  --color-consult-bg: #F4F0EC;
  --color-consult-link: #AF2E2E;
  --color-white: #FFFFFF;
  --font-base: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --font-jp: 'Noto Serif JP', serif;
  --fs-hero: 46px;
  --fs-page-title: 60px;
  --fs-page-lead: 24px;
  --fs-section-title-lg: 42px;
  --fs-section-title-mobile: 16px;
  --fs-section-link: 28px;
  --fs-comparison-mobile: 9px;
  --fs-hero-mobile: 17px;
  --fs-h2: 40px;
  --fs-h2-mobile: 21px;
  --fs-h3: 15px;
  --fs-body: 14px;
  --fs-body-pc: 16px;
  --fs-body-sm: 12px;
  --fs-caption: 11px;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --lh-tight: 1.35;
  --lh-body: 1.75;
  --lh-loose: 1.9;
  --lh-page-intro: 2.4;
  --lh-comparison: 1.1;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 9999px;
  --shadow-card: 0 1px 3px rgba(40, 29, 21, 0.06);
  --shadow-float: 0 4px 12px rgba(40, 29, 21, 0.08);
  --container-max: 1320px;
  --container-gutter: 60px;
  --container-gutter-mobile: 18px;
  --duration-fast: 150ms;
  --duration-disclosure: 220ms;
  --duration-base: 250ms;

  /* 余白スケール。ここに無い値は使わない */
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 128px;
}