/* あと72時間 — design tokens (2026-08-03 新規ビルド)
   Concept: 電力量計・分電盤の計器盤(distribution board / watt-hour meter face)。
   避難バッグの「持ち出す」(site32 背嚢)ではなく、停電下でも家にいたまま72時間を
   乗り切るための「留まる」電気の備え。
   Palette: 冷えたコンクリート/モルタルのグレー(base, structural) x LCDバックライトの
   淡い黄緑(meter, 残量計の主役アクセント) x 非常灯の控えめな暖色(warn, 副アクセント)。
   台帳照合実測(2026-08-03): 全47サイト中、base(H100°台の緑寄り無彩色グレー)が
   ±15°/±12pt/±12ptのfamily帯に3件以上集まる既出サイトなし(近似ベース候補の
   site20/site37はいずれも青寄り無彩色でhue差20°超・accentも黄緑差し色を持つ既出
   サイトなし)。base+accent同時衝突ゼロ。
   Typography: 見出し=太字の実用ゴシック(BIZ UDGothic、非P版=直線的・取扱説明書然、
   ポートフォリオ内他サイト未使用)、本文=可読性優先のUDゴシック(Noto Sans JP)、
   計器の数値・ラベル=デジタル計器体(Share Tech Mono、ポートフォリオ内他サイト未使用)
   の3層。夜光を帯びた計器盤という世界観に、丸ゴシックや明朝は似合わないため排除。 */
:root {
  /* -- color: 冷えたコンクリート/モルタルのグレー(base/paper) -- */
  --color-base:         #dde3dc;
  --color-base-2:       #cdd4cb;
  --color-base-3:       #b7c0b4;
  --color-base-deepest: #8b968a;

  /* -- color: 分電盤の躯体インク(ink, structural) --
     --color-ink は本文の文字色トークンでライト/ダーク両モードで反転する。
     --color-panel は常設パネル(残量計本体・診断・footer・pr-strip等)の固定ダーク
     背景トークンで、ダークモードでも反転させない(「停電中の計器盤」パネルが
     白く抜けないようにする=site46/47の--color-plate/--color-panelと同じ役割分担)。 */
  --color-ink:       #262b26;
  --color-ink-2:     #191d19;
  --color-ink-soft:  #454e45;
  /* 2026-08-03 司令官検分・実測でink-faintが本文背景(base/base-2)に対し4.24:1/3.66:1と
     AA(4.5:1)未達だったため暗く調整(実測5.61:1/4.83:1)。パンくず・byline・cite-note
     等の「補助テキスト」に広く使われるため必ず4.5:1以上を確保する。 */
  --color-ink-faint: #4f594e;
  --color-ink-text:  #e9ede6;
  --color-panel:     #1b1e1b;
  --color-panel-2:   #121412;
  /* panel上のラベル文字専用の明るいコンクリートトークン。--color-base-deepestを
     そのままpanel上へ使うと実測コントラストが不足するため、同系色相のまま明度を
     引き上げる。 */
  --color-label-on-panel: #aab3a7;

  /* -- color: LCDバックライトの淡い黄緑(meter, 残量計の主役アクセント) --
     計器盤の液晶が発する光そのものの色。ポートフォリオ内で黄緑帯の差し色は未使用
     (2026-08-03台帳照合)。 */
  --color-meter:        #a9d858;
  /* 2026-08-03 実測: 旧#6f9430はリンク文字色として本文背景上で2.33〜2.70:1しかなく
     AA未達だった(aタグ既定色・panel-no・budget-chip等、広く文字色に使用)。彩度は保ち
     明度を落として実測5.33:1(base)/4.59:1(base-2)を確保。budget-chip等の自前の淡い
     チップ地(meter-dim)の上ではさらに高コントラスト(5.88:1)。 */
  --color-meter-deep:   #4a611f;
  --color-meter-bright: #cdec8e;
  --color-meter-dim:    #e6f0d2;

  /* -- color: 非常灯の控えめな暖色(warn, 副アクセント・警告/低残量域のみに限定使用) -- */
  --color-warn:      #d98a45;
  /* 2026-08-03 実測: 旧#a8621fはcontact-status.is-errorの文字色(warn-dim地)で3.59:1と
     AA未達だった。明度を落として実測5.72:1(warn-dim)/4.99:1(base-2)を確保。 */
  --color-warn-deep: #7d4712;
  --color-warn-dim:  #f3ddbf;

  --color-focus: var(--color-meter-deep);

  /* 読み物の地(scrim): body全面のブレーカー柄が見出し・本文を横切る帯で強く出すぎる
     問題(2026-08-03司令官検分指摘)への対応。読み物カラム(hero/core-message/article
     本文等)の背後だけ、柄を弱めた半透明の地色を一枚敷いて可読性を確保する。 */
  --color-scrim: rgba(221, 227, 220, 0.88);

  /* -- fonts -- */
  --font-display: "BIZ UDGothic", "Noto Sans JP", sans-serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-label: "Share Tech Mono", "Noto Sans JP", monospace;

  /* -- type scale -- */
  --text-display:   clamp(2.3rem, 1.1rem + 5.1vw, 4.5rem);
  --text-display-s: clamp(1.78rem, 1.1rem + 2.2vw, 2.45rem);
  --text-4xl: 2.15rem;
  --text-2xl: 1.46rem;
  --text-xl: 1.16rem;
  --text-lg: 1.05rem;
  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.74rem;

  /* -- spacing (4pt) -- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;

  /* 分電盤の筐体は角丸を持たない(端子台・銘板の直角)。丸みは0〜2pxのみ許容。 */
  --radius-sm: 2px;
  --radius-md: 2px;
  --radius-lg: 2px;

  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-fast: 120ms;
  --dur-base: 220ms;
  --dur-slow: 420ms;

  --rule-hair: 1px;
  --rule-thick: 2px;

  /* stickyヘッダーの実測高さ(scroll-margin-top用)。モバイルではnavを大幅に詰めるため
     style.css側の@media(max-width:780px)で64pxへ上書きする(2026-08-03司令官検分指摘:
     旧固定96pxはモバイルの実ヘッダー高より過大/不足どちらの事故も招いていた)。 */
  --header-offset: 96px;

  /* 両カラーモードを完全にスタイルする。ライト=日中のコンクリート、ダークは
     「停電中の計器盤」として設計する(近黒シネマの再来を避け、暖かみのある
     チャコールに留める=2026-07-14教訓)。 */
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-base:         #1e211e;
    --color-base-2:       #282b27;
    --color-base-3:       #333733;
    --color-base-deepest: #4f584d;
    --color-ink:           #e5e9e2;
    --color-ink-soft:      #c1c9bd;
    /* 実測6.00:1(base-dark)/5.29:1(base2-dark)からさらに引き上げ、実測6.92:1/6.10:1に。 */
    --color-ink-faint:     #a2ac9f;
    --color-ink-text:      #e5e9e2;
    /* --color-panel/--color-panel-2/--color-label-on-panel は意図的に再定義しない
       (常時ダーク固定 — 停電中の計器盤でもパネルは白く抜けない)。 */
    --color-meter-bright:  #d6f0a0;
    --color-scrim: rgba(24, 27, 24, 0.82);

    color-scheme: dark;
  }
}