/* ZUDIA design tokens — アプリ用の複製（値は変更しない）。
   出典: C:\Users\uedam\Dropbox\AI\claude\design\tokens.css（正本）／ 版: v1.0 (2026-09-11)。
   更新するときは正本を複製し直し、この3行だけを差し替える。 */
:root {
  /* ブランド4色 */
  --brand-navy: #0A2D56;
  --brand-coral: #FF5A4A;
  --brand-orange: #FF8A3D;
  --brand-cream: #FFE7D8;
  --brand-gradient: linear-gradient(135deg, #FF5A4A 0%, #FF8A3D 100%);      /* Zシンボル・強調帯 */
  --brand-gradient-deep: linear-gradient(135deg, #FF3F45 0%, #FF6B35 50%, #FFA447 100%);

  /* 役割トークン（ライト＝白背景が基本） */
  --ink: #0A2D56;          /* 本文・見出し（Navy） */
  --ink-soft: #3E5573;
  --ink-faint: #7A8CA3;
  --ground: #FFFFFF;       /* ページ背景 */
  --surface: #FFFFFF;      /* カード・表 */
  --surface-tint: #FFF4EC; /* Cream 50%。導入文・強調ブロックの背景 */
  --line: #E3E8EF;
  --accent: #0A2D56;       /* 見出し番号・罫線・リンク */
  --accent-soft: #E9EEF5;
  --hot: #FF5A4A;          /* 人の熱量・行動を示す強調（Coral）。状態色ではない */
  --hot-2: #FF8A3D;        /* 前進・可能性（Orange） */

  /* 状態色（ブランド色とは分ける） */
  --ok: #2E7D4F;  --ok-bg: #E6F2EB;
  --warn: #B8761A; --warn-bg: #FBF0DC;
  --crit: #C0392B; --crit-bg: #FBE7E4;

  /* 書体 */
  --font-display: "Avenir Next", "Avenir", "Nunito Sans", "Noto Sans JP", sans-serif; /* 英字見出し・ZUDIA・コピー。Demi Bold=600 */
  --font-heading: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; /* 日本語見出し 700 */
  --font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;    /* 本文 400 */
  --font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;

  /* dataviz カテゴリ配色 */
  --cat-1: #0A2D56; --cat-2: #FF8A3D; --cat-3: #FF5A4A; --cat-4: #5B7BA6; --cat-5: #B9A79A;
}
/* ダーク＝Navy背景（ブランドガイドの第2背景）。文字は白、アクセントはオレンジ */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #FFFFFF; --ink-soft: #C5D2E3; --ink-faint: #8FA5C2;
    --ground: #0A2D56; --surface: #123765; --surface-tint: #163F73; --line: #2A4A78;
    --accent: #FFA061; --accent-soft: #1B3E6E;
    --hot: #FF7A6B; --hot-2: #FFA061;
    --ok: #6FBF8F; --ok-bg: #1E3B33;
    --warn: #E0A85A; --warn-bg: #3D3222;
    --crit: #F08A7E; --crit-bg: #4A2A2A;
  }
}
:root[data-theme="dark"] {
  --ink: #FFFFFF; --ink-soft: #C5D2E3; --ink-faint: #8FA5C2;
  --ground: #0A2D56; --surface: #123765; --surface-tint: #163F73; --line: #2A4A78;
  --accent: #FFA061; --accent-soft: #1B3E6E;
  --hot: #FF7A6B; --hot-2: #FFA061;
  --ok: #6FBF8F; --ok-bg: #1E3B33;
  --warn: #E0A85A; --warn-bg: #3D3222;
  --crit: #F08A7E; --crit-bg: #4A2A2A;
}
/* Google Fonts 読み込み行（HTML側に置く。Avenir Next は非Web版なので Nunito Sans を代替に読む）:
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Nunito+Sans:wght@600;700&display=swap">
*/