/* 色・文字・余白の変数（design-rules.md の値。色コードはこのファイルだけに書く） */
:root {
  --color-ink: #1F2421;
  --color-bg: #FAF8F3;
  --color-surface: #FFFFFF;
  --color-line: #E3DED3;
  --color-muted: #5E625C;
  --color-accent: #3E6B3F;
  --color-on-accent: #FFFFFF;
  --color-error: #B3261E;

  --font-heading: "Noto Serif JP", Georgia, serif;
  --font-body: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-page: 40px;
  --fs-section: 28px;
  --fs-body: 17px;
  --fs-small: 14px;
  --lh-page: 1.3;
  --lh-section: 1.4;
  --lh-body: 1.8;
  --lh-small: 1.6;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  --section-gap: var(--space-7);
  --panel-pad: var(--space-4);
  --gutter: var(--space-3);

  --radius: 6px;
  --measure: 680px;
  --container: 1120px;
  --tap: 48px;
}

@media (max-width: 767px) {
  :root {
    --fs-page: 32px;
    --fs-section: 24px;
    --section-gap: var(--space-6);
    --panel-pad: var(--space-3);
    --gutter: var(--space-2);
  }
}