/* S00 tokens/tokens.css（提案値）を取り込み、依頼者の確定値で上書き。
   オレンジ #A84D22 は変更しない。本文は 16px、行間 1.75。 */
:root {
  --color-bg: #faf8f3;
  --color-surface: #f7f2e8;
  --color-text: #203632;
  --color-text-muted: #3e5550;
  --color-line: #e4ddd2;
  --color-line-control: #8a847b;
  --color-ink-line: #3a3631;
  --color-on-accent: #ffffff;

  --color-black: #242424;
  --color-black-soft: #efede8;
  --color-orange: #a84d22;
  --color-orange-soft: #faebdd;
  --color-blue: #285d85;
  --color-blue-soft: #eaf1f7;
  --color-green: #28614d;
  --color-green-soft: #eaf2ec;

  --color-accent: var(--color-orange);
  --color-accent-soft: var(--color-orange-soft);
  --color-accent-press: #8c3f1a;

  --font-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-serif: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font-en: "Cormorant Garamond", "Times New Roman", serif;

  --text-body: 16px;
  --leading-body: 1.75;
  --tracking-body: 0.03em;
  --text-small: 14px;
  --leading-small: 1.7;
  --text-h1: clamp(30px, 4.2vw + 14px, 60px);
  --leading-h1: 1.4;
  --tracking-h1: 0.06em;
  --text-h2: clamp(24px, 2vw + 17px, 40px);
  --leading-h2: 1.5;
  --text-h3: 22px;
  --text-kicker: 14px;
  --tracking-kicker: 0.12em;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 120px;
  --section-y: 64px;
  --gutter: 20px;

  --content-max: 1120px;
  --read-max: 720px;
  --radius-button: 6px;
  --radius-card: 10px;
  --button-height: 48px;
  --duration: 240ms;
  --shadow: none;

  --color-ink: var(--color-text);
  --color-muted: var(--color-text-muted);
  --color-form: var(--color-line-control);
  --color-stroke: var(--color-ink-line);
  --color-accent-hover: var(--color-accent-press);
  --color-tint: var(--color-accent-soft);
  --wrap: var(--content-max);
  --measure: var(--read-max);
  --radius-btn: var(--radius-button);
  --radius-card: var(--radius-card);
  --header: 72px;
}

@media (min-width: 960px) {
  :root {
    --text-body: 16px;
    --section-y: 112px;
    --gutter: 40px;
  }
}