/* A.Karuizawa デザイントークン — SITE_SPEC v0.3 §3 をそのまま転記
   「01._BRAND_A.Karuizawa_Color_Typography_Guide」準拠。ムードボードの値は使わない。
   以降、色・フォント・余白はこの値以外を使わない。外れる場合はコメントで理由を書く。 */
:root {
  /* Color — Brand Guide 準拠 */
  --c-green:  #2D4A2A;  /* Karuizawa Green：ロゴ・見出し・ラベル・反転面 */
  --c-ivory:  #F5F3EC;  /* Shiraito Ivory：背景・反転面の文字 */
  --c-forest: #1C2E1A;  /* Deep Forest：本文・hover */
  /* Support — ムードボードから2色のみ採用（Sky Mistは用途がないため不採用） */
  --c-sage:   #C8CEC7;  /* 罫線、反転面の補助テキスト。ivory上の文字には使わない（1.44:1） */
  --c-beige:  #E8E3D6;  /* Contact面の背景、写真プレースホルダー */

  /* Type */
  --f-serif: "Cormorant Garamond", "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif; /* 見出し：欧文=Cormorant、和文=Noto Serif JP */
  --f-sans:  "DM Sans", "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;              /* 本文・UI */

  --fs-display: 40px;  --lh-display: 1.35; /* ≥960: 72px */
  --fs-h2:      24px;  --lh-h2: 1.6;       /* ≥960: 34px  statement */
  --fs-h3:      20px;  --lh-h3: 1.6;       /* ≥960: 24px  kicker / quote */
  --fs-lead:    17px;  --lh-lead: 1.9;     /* ≥960: 19px */
  --fs-body:    15px;  --lh-body: 2.0;     /* ≥960: 16px */
  --fs-en:      17px;  /* Cormorant italic。欧文の併記用 ≥960: 20px */
  --fs-label:   12px;  /* DM Sans 500 / uppercase / letter-spacing .2em */
  --fs-small:   13px;  /* 経歴・会社概要 */
  --fs-operator: 96px; /* × ＝  ≥960: 160px */
  --ls-ja-heading: .08em;
  --ls-ja-body: .04em;

  /* Space（4px基準） */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 16px; --sp-4: 24px;
  --sp-5: 32px; --sp-6: 48px; --sp-7: 64px; --sp-8: 96px; --sp-9: 160px;
  --gutter: 24px;          /* ≥960: 48px */
  --section-gap: var(--sp-8); /* ≥960: var(--sp-9) */
  --measure: 34em;

  /* Shape */
  --radius: 0;   /* ロゴの鋭角に合わせ角丸なし */
  --shadow: none;
  --rule: 1px solid var(--c-sage);
}

/* ≥960px：上の各行コメントの値。ブレークポイントはこの1つだけ（§7） */
@media (min-width: 960px) {
  :root {
    --fs-display: 72px;
    --fs-h2: 34px;
    --fs-h3: 24px;
    --fs-lead: 19px;
    --fs-body: 16px;
    --fs-en: 20px;
    --fs-operator: 160px;
    --gutter: 48px;
    --section-gap: var(--sp-9);
  }
}