/* 両手は、ふたつまで。 — design tokens (2026-07-30 全面リデザイン)
   旧配色(生成り紙×深緑×朱赤)はdesign-originality.mdのパレット台帳照合でsite06/09等の
   既出帯(暖色クリーム地×オレンジ差し色)と衝突していたため全廃し、地形図(topographic survey
   map)を文字通りページ全面の「表面」として実装し直す。
   Palette: 冷たいセージグレーの測量紙地(base) x 焦茶の等高線インク(ink, structural) x
   青紫のルートマーカー(route, single accent — GPSアプリの「自分の軌跡」表示に倣う)。
   台帳照合実測(2026-07-30): base(H98°セージグレー)・accent(H232°青紫)の組み合わせは
   全46サイト中、base/accent双方が近い帯で重複する既出サイトなし(近似ベース2件は差し色が
   別帯、近似差し色6件はベースが暖色クリーム帯で別)。
   Typography: 見出し=測量報告書然とした正調明朝(Zen Old Mincho)、本文=可読性優先のUD
   ゴシック(BIZ UDPGothic、変更なし)、地図数値・ラベル=コンデンス技術書体(Barlow Condensed)
   の3層構成。旧IBM Plex Mono/Shippori Antique B1は「地形図」路線に対して丸すぎる/
   タイプライター的すぎるため退役。 */
:root {
  /* -- color: セージグレーの測量紙地(base/paper) -- */
  --color-paper:         #e2e7df;
  --color-paper-2:       #d4dace;
  --color-paper-3:       #c3cab8;
  --color-paper-deepest: #9aa48c;

  /* -- color: 焦茶の等高線インク(ink, structural) --
     --color-ink は本文の「文字色」トークンでライト/ダーク両モードで反転する。
     --color-panel は常設パネル(diagnostic/spot-plate/footer/nav-cta等)の固定ダーク
     背景トークンで、ダークモードでも反転させない(「夜間の地形図」パネルが白く抜けない
     ようにする=site46の--color-plateと同じ設計上の役割分担)。 */
  --color-ink:      #3a2e20;
  --color-ink-2:    #2c2217;
  --color-ink-soft: #5c4b37;
  --color-ink-faint: #4b4133;
  --color-ink-text: #e2e7df;
  --color-panel:    #241c12;
  --color-panel-2:  #180f09;
  /* panel上のラベル文字専用の明るいセージトークン(旧--color-brass-on-panel相当)。
     --color-paper-deepestをそのままpanel上のテキストに使うと6.45:1までしか出ない
     (2026-07-30実測)ため、同じ色相のまま明度を上げ7.04:1を確保する。 */
  --color-label-on-panel: #a2ab95;

  /* -- color: 青紫のルートマーカー(route, single accent) --
     地形図の上で「自分の帰路」を示す一本の線の色。差し色帯(H232°)はポートフォリオ内で
     ほぼ未使用(2026-07-30台帳照合、近似差し色6件はいずれもベースが暖色クリームで別帯)。 */
  --color-route:        #4c5fd6;
  --color-route-deep:   #344192;
  --color-route-bright: #9ba5e8;
  --color-route-dim:    #dfe3f7;

  --color-focus: #4c5fd6;

  /* -- fonts -- */
  --font-display: "Zen Old Mincho", "Noto Serif JP", serif;
  --font-body: "BIZ UDPGothic", "Noto Sans JP", sans-serif;
  --font-label: "Barlow Condensed", "Zen Kaku Gothic New", sans-serif;

  /* -- type scale -- */
  --text-display:   clamp(2.35rem, 1.15rem + 5.2vw, 4.6rem);
  --text-display-s: clamp(1.8rem, 1.15rem + 2.2vw, 2.5rem);
  --text-4xl: 2.2rem;
  --text-2xl: 1.48rem;
  --text-xl: 1.18rem;
  --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;

  /* 地図の図郭(frame)は角丸を持たない。丸みは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;

  /* 両カラーモードを完全にスタイルする。ライト=陽のあたる測量紙、ダークは「夜間の地形図」
     として設計する(半端な上書きブロックを作らない=site38/42/44教訓)。 */
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-paper:         #17150f;
    --color-paper-2:       #211e15;
    --color-paper-3:       #2c2819;
    --color-paper-deepest: #4a4630;
    --color-ink:           #ede7da;
    --color-ink-soft:      #c9bca1;
    --color-ink-faint:     #b1a99f;
    --color-ink-text:      #ede7da;
    /* --color-panel / --color-panel-2 / --color-label-on-panel は意図的に再定義しない
       (常時ダーク固定 — 夜間の地形図でもパネルは白く抜けない)。 */
    /* aux文字(profile-svg__readout等)がpanel(#241c12)上でAAA未達(6.47:1)だったため
       同系色のまま微調整し7.16:1へ引き上げ(2026-07-30実測)。 */
    --color-route-bright:  #9aa5ea;

    color-scheme: dark;
  }
}