/* ============================================================
   tokens.css — デザイントークンの単一ソース
   案②「黒曜のX」Obsidian Core（mockups/02-kokuyo.html の :root を移植）

   ・色・タイポ・レイアウト定数はすべてここで一元管理する
   ・将来 [data-theme="paper"] で紙白テーマ（案①「余白の知性」トーン、
     下層実務ページ用 Paper Surface）を追加可能な構造とする。
     例: [data-theme="paper"]{ --bg:#FCFCFA; --text:#16181D; … }
   ============================================================ */
:root{
  /* ---------- カラー ---------- */
  --bg:       #070B14;  /* 漆黒紺 */
  --layer:    #121A2C;  /* レイヤー面＝帯。2026-08-29 H案: #0D1322 から一段明るく（帯の上の黒カードとの差を稼ぐ） */
  --card:     #1C212B;  /* カード。2026-08-29 H案: #121A2C から青みを落として明るく（地の上での浮きを 1.134→1.220 に） */
  --layer-raised: #262C38;  /* カードより一段明るい面（ホバー・強調面）。2026-08-29 H案で --card に追従 */
  --line:     #262B34;  /* 境界線。2026-08-29 H案で面の色に追従 */
  --text:     #EDF0F7;
  --text-sub: #A9B3C9;  /* 脚注・ラベル用（2026-08-21 タイポ刷新で明度アップ） */
  --text-body: #D7DEEB; /* 読み文用（Apple本文相当のほぼ白。見出し--textと僅差の階層） */
  --platinum: #E8E2D4;  /* 流A: 知財・普遍（白金/箔） */
  --cyan:     #35D6F0;  /* 流B: マーケ/AI・未来 */
  --violet:   #8A6BFF;  /* 交点で生まれる色＝可能性（グラデ端点・大きな×/=記号・装飾用） */
  --violet-label: #C0B4FF;  /* 小さいmonoラベル用の明るい紫（暗い面でも可読・AA余裕クリア。2026-08-22 追加→08-23 番号ラベル視認性のため一段明るく #A99BFF→#C0B4FF） */
  --amber:    #F5C45E;  /* CTA（ページ中唯一の暖色） */
  --amber-ink:#16181D;

  /* ---------- タイポグラフィ ---------- */
  --font-en:   "Space Grotesk", sans-serif;
  --font-jp:   "IBM Plex Sans JP", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --font-min:  "Shippori Mincho", serif;

  /* 型スケール（2026-08-21 タイポ刷新・Apple水準アンカー。本文=17px） */
  --fs-body: 17px;      /* 読み文（lede・説明本文） */
  --fs-sub: 15px;       /* カード説明・リスト */
  --fs-caption: 13px;   /* 脚注・補足・フッターリンク */
  --fs-label: 12px;     /* monoラベル・キッカー・チップ（可読フロア） */
  --fs-num: 14px;       /* カード番号 01/02/03 等の数字ラベル（--fs-labelより一段大きく。2026-08-23 追加） */

  /* ---------- レイアウト ---------- */
  --max-w:1240px;
  --pad:clamp(20px,5vw,64px);
  --measure:38em;       /* 長文可読性: 本文ブロックの最大行長 */
  --leading-body:1.9;   /* 本文の標準行送り */
  --ease:cubic-bezier(0.16,1,0.3,1);
}