/* ⚠️ このファイルは自動生成。**直接編集しない。**
 * 元: docs/org/design/tokens.css（CDO 所有・改訂は Tier-A）
 * 生成: scripts/sync-tokens.mjs（npm run build の前に走る）
 *
 * 色が読みにくいときは、ここを触らず、使い方を直すか CDO に改訂を提案すること。
 * この app では検索画面（public/atlas.html）と Next 側ページの両方がこれを読む。
 */
/* ============================================================
   Value Way — Design Tokens (単一 SoT)
   docs/org/ValueWay_Design_Philosophy.md §5 の「具体トークン」実体
   所有: CDO ／ 改訂は Tier-A（ブランド分岐は CEO 承認）
   v1.0  2026-07-27

   ⛔ この 4 値を成果物側で再定義しないこと。
      再定義が見つかったら check-design.py が落とす。
   ============================================================ */

:root{
  /* ---- 面 ---------------------------------------------------- */
  --bg:#F5F0EB;          /* 主背景（常に「背景」。反転時も意味を変えない） */
  --panel:#EDF3F0;       /* 面：やや冷たい（データ・機構寄り） */
  --panel-2:#EAE3D9;     /* 面：やや温かい（物語・人寄り） */
  --surface-invert:#2D3B35; /* 反転面。--ink と同値だが用途が違うので別名 */

  /* ---- 文字 -------------------------------------------------- */
  --ink:#2D3B35;         /* 本文。常に「文字色」。反転面では --ink-on-invert */
  --ink-on-invert:#F5F0EB;
  --muted:#6B7B74;       /* 補助文字。対 --bg 3.94 → 17px 以上に限る */
  --muted-2:#9AA8A1;     /* 装飾・罫線ラベル専用。対 --bg 2.18 → 本文禁止 */

  /* ---- 主色 -------------------------------------------------- */
  --main:#4C6A5D;        /* 主色。対 --bg 5.26 → 本文可 */
  --main-soft:#7A9083;   /* 反転面上の主色。対 --ink 3.44 → 17px 以上 */

  /* ---- 強調 -------------------------------------------------- */
  --accent:#B57F66;      /* 空白象限・引き金・唯一の主役に限る。多用禁止 */
  --accent-soft:#D9B8A6;

  /* ---- 線 ---------------------------------------------------- */
  --line:rgba(45,59,53,.14);
  --line-strong:rgba(45,59,53,.30);

  /* ---- 書体 -------------------------------------------------- */
  --serif:"Hiragino Mincho ProN","Yu Mincho","YuMincho","Noto Serif JP",Georgia,"Times New Roman",serif;
  --sans:"Hiragino Sans","Yu Gothic","YuGothic","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ---- 型階（modular scale・この 10 段以外を使わない） -------- */
  --t-xs:10px;    /* ラベル・凡例（--muted-2 可） */
  --t-s:12px;     /* 注記・出典 */
  --t-base:14px;  /* 本文 */
  --t-md:17px;    /* 小見出し・--muted の下限 */
  --t-lg:21px;
  --t-xl:26px;
  --t-2xl:33px;
  --t-3xl:42px;
  --t-4xl:54px;
  --t-5xl:68px;   /* 1 枚の主役（表紙・宣言） */

  /* ---- 余白（8px グリッド） ---------------------------------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-6:24px; --sp-8:32px; --sp-12:48px; --sp-16:64px;
}

/* 反転面（濃い背景）の上では文字トークンを差し替える。
   ⛔ --ink / --bg の値そのものを入れ替えないこと（意味が壊れる）。 */
.invert{
  background:var(--surface-invert);
  color:var(--ink-on-invert);
  --ink:var(--ink-on-invert);
  --muted:rgba(245,240,235,.74);
  --muted-2:rgba(245,240,235,.42);
  --main:var(--main-soft);
  --line:rgba(245,240,235,.16);
  --line-strong:rgba(245,240,235,.32);
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}