/* Phase 1: VSCO実測に基づくデザイントークン。Phase 2以降で読み込む。 */
:root {
  --wf-color-ink: #111111;
  --wf-color-paper: #ffffff;
  --wf-font-ja: "Zen Kaku Gothic New", sans-serif;
  --wf-font-sans: Arial, sans-serif;
  --wf-font-size-body: 16px;
  --wf-line-body: 1.5;
  --wf-font-size-h1: clamp(34px, 6.2vw, 54px);
  --wf-line-h1: 0.93;
  --wf-font-size-h2: clamp(24px, 3.5vw, 30px);
  --wf-line-h2: 1.1;
  --wf-font-size-h3: clamp(20px, 2.2vw, 24px);
  --wf-line-h3: 1.2;
  --wf-font-weight-heading: 500;
  --wf-page-padding: clamp(20px, 2.78vw, 40px);
  --wf-content-max: 1200px;
  --wf-article-max: 670px;
  --wf-space-1: 18px;
  --wf-space-2: 36px;
  --wf-space-3: 48px;
  --wf-space-4: 96px;
  --wf-header-height: 100px;
  --wf-radius: 0px;
  --wf-grid-gap: 40px;
}

@media (max-width: 767px) {
  :root { --wf-header-height: 50px; --wf-grid-gap: 20px; }
}