/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   TOIRO DESIGN TOKENS  v2.2.0  2026-05-07
   SSoT（唯一の真実の源）：すべてのページはここだけを参照する
   思想正本：仕様書/といろらしさ_定義書.md
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   【階層構成】
   tokens.css（本ファイル・変数定義のみ）
     └── base.css（リセット・要素ベース）
         └── watashinoma-shell.css / 各ページCSS

   【参照方法】
   <link rel="stylesheet" href="/css/tokens.css?v=20260506a">
   の1行で全トークンを取得できる。toirocho.css も同一変数を定義しているが、
   新規ページは本ファイルを参照し、toirocho.css への依存を避けること。
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ─── Google Fonts ─────────────────────────────── */
/* Shippori Mincho B1 が「やわらかい明朝」デフォルト書体（watashinoma-shell.css §参照）*/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500&family=Noto+Serif+JP:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500&display=swap');

:root {

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     1. カラー（配色三軸）
     出典：といろらしさ_定義書.md §2 / toirocho.css 実値
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  /* 和紙（背景・カード・入力欄）*/
  --paper:            #f6f1e6;   /* 和紙クリーム */
  --paper-warm:       #efe8d8;   /* 和紙やや暗め */
  --paper-bright:     #fffdf7;   /* 和紙最明（入力欄・テキストエリア）*/
  --paper-faint:      #fdfbf7;   /* 和紙やや明（ドロップダウン・メニュー背景）*/
  --paper-faint-alpha: rgba(255, 253, 246, 0.6); /* 和紙最明・半透明（メッセージ欄背景）*/
  --white-pure:       #ffffff;   /* 純白（クライシスUI内アクションボタン等・常に純白を意味する）*/

  /* 墨（テキスト・ボタン primary・ロゴ）*/
  --ink:              #1a1614;   /* 墨 */
  --ink-soft:         #3a322d;   /* 墨薄め */
  --ink-muted:        rgba(26, 22, 20, 0.40);  /* 補助テキスト */
  --ink-faint:        rgba(26, 22, 20, 0.14);  /* ボーダー・区切り */
  --ink-ghost:        rgba(26, 22, 20, 0.07);  /* 背景トーン */
  --ink-pale:         #aaaaaa;                 /* 装飾用グレー（未利用ドット等・RFC-CSS-COLOR-VAR-001 第4波-3 2026-05-06）*/

  /* 金継ぎ（ボーダー・ホバー・バッジ・強調）*/
  --kintsugi:         #c8a96e;   /* 金継ぎ・アクセント */
  --kintsugi-faint:   rgba(200, 169, 110, 0.25);  /* 金・薄 */

  /* セマンティック（最小限）*/
  --color-error:      #b84a3f;
  --color-success:    #3d7a5f;
  --color-warn:       #c49040;

  /* フォーカスリング（要件定義書 §8 準拠・Phase 2-5 追加）*/
  --focus-ring-color:  var(--kintsugi);    /* = #c8a96e */
  --focus-ring-width:  2px;
  --focus-ring-offset: 2px;

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     2. フォント
     原則：明朝体が主・ゴシック体は補助（定義書 §1）
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  /* といろの声（明朝体・やわらかい明朝をデフォルト）*/
  --f-serif: "Shippori Mincho B1", "Noto Serif JP",
             "Hiragino Mincho ProN", "YuMincho", "游明朝", Georgia, serif;

  /* 機能的・補助的な場面のみ（ラベル・キャプション・フォーム補助テキスト）*/
  --f-sans:  "Noto Sans JP", "Hiragino Sans", "YuGothic",
             "游ゴシック", ui-sans-serif, system-ui, sans-serif;

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     3. タイポグラフィスケール
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  --text-xs:   0.75rem;   /* 12px — キャプション・補注 */
  --text-sm:   0.875rem;  /* 14px — ラベル・補助テキスト */
  --text-md:   1rem;      /* 16px — 本文基準 */
  --text-lg:   1.125rem;  /* 18px — 小見出し */
  --text-xl:   1.5rem;    /* 24px — 見出し */

  /* 字間・行間（定義書 §1）*/
  --tracking-wide:   0.05em;    /* 見出し・ゆとり */
  --tracking-widest: 0.12em;    /* ロゴ・大見出し */
  --leading-tight:   1.5;       /* UI要素 */
  --leading-base:    1.75;      /* 本文 */
  --leading-loose:   1.9;       /* 帖・ジャーナル記入欄 */

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     4. スペーシング
     基準：2remの倍数系（定義書 §2「2rem以上を基本」）
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  --space-xs:  0.25rem;   /* 4px */
  --space-sm:  0.5rem;    /* 8px */
  --space-md:  1rem;      /* 16px */
  --space-lg:  1.5rem;    /* 24px */
  --space-xl:  2.5rem;    /* 40px */
  --space-2xl: 4rem;      /* 64px */

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     5. 角丸（定義書 §2「8px〜12px標準」）
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  --radius-sm:  4px;    /* 小さめ（ボタン・バッジ）*/
  --radius-md:  8px;    /* 標準（カード・入力欄）*/
  --radius-lg: 12px;    /* 大きめ（モーダル・パネル）*/
  --radius-pill: 9999px; /* 全丸（タグ・チップ）*/

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     6. 影（定義書 §2「rgba(0,0,0,0.06)程度の淡いもの」）
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  --shadow-sm:  0 1px  8px rgba(26, 22, 20, 0.06);
  --shadow-md:  0 4px 20px rgba(26, 22, 20, 0.10);
  --shadow-lg:  0 8px 40px rgba(26, 22, 20, 0.14);

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     7. z-index レイヤー
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  --z-base:        1;     /* 通常フロー */
  --z-sticky:     10;     /* 追従要素（小） */
  --z-side-panel: 200;    /* サイドパネル本体 */
  --z-nav:        300;    /* ナビゲーション（ハンバーガー・プルタブ）*/
  --z-modal:      500;    /* モーダル */
  --z-toast:      700;    /* トースト通知 */
  --z-overlay:    9998;   /* フルスクリーンオーバーレイ */
  --z-max:        9999;   /* 最前面（和紙テクスチャ等）*/

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     8. ブレークポイント（CSS変数は @media に使えないためコメントで管理）
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     --bp-sm: 375px   スマホ基準（モバイルファースト）
     --bp-md: 768px   タブレット
     --bp-lg: 1024px  デスクトップ
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     9. アニメーション
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);   /* といろ標準（落ち着いた減速）*/
  --ease-in-out:   cubic-bezier(0.4, 0, 0.2, 1);        /* Material準拠・汎用 */
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);          /* 出現・スライドイン */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);          /* 退場・スライドアウト */

  --dur-fast: 200ms;   /* ホバー・フォーカス変化 */
  --dur-std:  400ms;   /* パネル開閉・フェード */
  --dur-slow: 700ms;   /* ページ遷移・大きな変化 */

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     10. レイアウト定数
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  --nav-h:       56px;   /* ナビゲーションバー高さ */
  --max-w:      960px;   /* わたしの間コンテンツ最大幅 */
  --safe-b: env(safe-area-inset-bottom, 0px);  /* iOS ホームインジケーター */

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     11. セル・ボタンサイズ（N-1: 2026-05-06）
     用途別に mobile / desktop を別系統で定義する。
     同じ概念で解像度によって値が違うのではなく、
     「スマホ用のセル」と「PC用のセル」は別名で持つ。
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

     【用語定義】
     cell-sm   : 最小セル（アイコン系・⚠️📅⚙️等の機能ボタン）
     cell-md   : 中セル（漢字ボタン・パレットセル等の通常ボタン）
     cell-lg   : 大セル（主要アクションボタン・診断設問の選択肢等）

     【mobile（375px基準）】
     タッチターゲット確保のため最小44px（Apple HIG）。
     漢字ボタン・機能ボタンはすべてこの値で横幅・高さを揃える。 */

  --cell-sm-mobile:   44px;   /* 機能ボタン（⚠️📅⚙️）・最小タッチターゲット */
  --cell-md-mobile:   52px;   /* 漢字ボタン（父母利那伶志）・パレット */
  --cell-lg-mobile:   56px;   /* 主要ボタン・診断選択肢 */

  /* 【desktop（1024px以上）】
     マウス操作のためタッチ余白は不要。視覚的なバランスを優先。
     機能ボタンは細く、漢字ボタンは少し大きめにできる。 */

  --cell-sm-desktop:  36px;   /* 機能ボタン（⚠️📅⚙️）・アイコン系 */
  --cell-md-desktop:  44px;   /* 漢字ボタン・パレット */
  --cell-lg-desktop:  48px;   /* 主要ボタン */

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     12. グレーアウト文字の用途定義（N-3: 2026-05-06）
     すでに存在する --ink-muted / --ink-faint / --ink-ghost に
     「どの場面で使うか」を明示的に規約化する。

     【3段階の使い分け規約】
     --ink-muted  (opacity≒40%)  : 本文補足・注釈・メタ情報
                                   例）投稿日時・字数カウント・「（任意）」ラベル
     --ink-faint  (opacity≒14%)  : placeholder・ボーダー・区切り線
                                   例）input の placeholder 文字・セパレータ線
     --ink-ghost  (opacity≒7%)   : disabled 状態・背景トーン・非アクティブ帯
                                   例）disabled ボタンのテキスト・ゼブラ背景

     【禁止事項】
     - opacity:0.X の直書き禁止 → 必ず上記トークンを使う
     - color:#xxxxxx の直書き禁止 → トークンから参照する
     - muted/faint/ghost を用途外に使わない（faint を本文補足に使う等）
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
  /* ↑ muted / faint / ghost の値は §1 カラーセクションで定義済み。
       用途コメントをここにまとめた。値の重複定義は不要。 */
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     13. レガシー変数エイリアス（Phase 2-1 追加 2026-05-06）
     旧来のファイル（voices.html / plans.html / watashi-taichou.css 等）が
     --sumi-* / --kin / --washi / --serif / --font / --line 等を参照している。
     tokens.css への移行完了まで互換エイリアスとして定義する。
     移行完了後は削除して構わない（削除時は全参照を grep で確認すること）。
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  /* 墨（--ink / --ink-soft / --ink-muted / --ink-faint / --ink-ghost のエイリアス）*/
  --sumi:       #1a1614;                   /* = --ink */
  --sumi-1:     #1a1614;                   /* = --ink */
  --sumi-2:     rgba(26, 22, 20, 0.65);    /* --ink-soft 近似（補助本文）*/
  --sumi-3:     rgba(26, 22, 20, 0.45);    /* --ink-muted 近似（注釈・グレーアウト）*/
  --sumi-4:     rgba(26, 22, 20, 0.14);    /* = --ink-faint （ボーダー・区切り）*/
  --sumi-5:     rgba(26, 22, 20, 0.07);    /* = --ink-ghost （背景トーン・disabled）*/
  --sumi-6:     rgba(26, 22, 20, 0.04);    /* 最薄背景トーン（ホバー等）*/
  --sumi-bg:    rgba(26, 22, 20, 0.03);    /* 極薄背景（行ストライプ等）*/
  --sumi-light: #6a5e4d;                   /* 中間墨（アイコン・サブタイトル）*/
  --sumi-faint: #a0927d;                   /* 薄墨（補助的装飾・区切り線）*/

  /* 金継ぎ（--kintsugi / --kintsugi-faint のエイリアス）*/
  --kin:        #c8a96e;                   /* = --kintsugi */
  --kin-lt:     rgba(200, 169, 110, 0.25); /* = --kintsugi-faint */
  --kin-light:  #f9f3e3;                   /* 金継ぎ極薄背景（ハイライト帯）*/
  --kin-rgb:    200, 169, 110;             /* rgb値（rgba() の中で使う用）*/

  /* 和紙（--paper / --paper-warm のエイリアス）*/
  --washi:      #f6f1e6;                   /* = --paper */
  --washi-deep: #efe8d8;                   /* = --paper-warm */

  /* フォント（--f-serif / --f-sans のエイリアス）*/
  --serif:      "Shippori Mincho B1", "Noto Serif JP",
                "Hiragino Mincho ProN", "YuMincho", "游明朝", Georgia, serif; /* = --f-serif */
  --font:       "Noto Sans JP", "Hiragino Sans", "YuGothic",
                "游ゴシック", ui-sans-serif, system-ui, sans-serif;           /* = --f-sans */

  /* 省略記法（よく使うパターンのショートハンド）*/
  --line:       1px solid rgba(26, 22, 20, 0.14);  /* = var(--ink-faint) のボーダー */
  --shadow:     0 2px 20px rgba(26, 22, 20, 0.08); /* --shadow-sm 近似 */
  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     14. からだ系固有色（RFC-CSS-COLOR-VAR-001 第4波-1 追加 2026-05-06）
     用途：watashi-karada.css / watashi-karada-cycle.css
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  /* --- 経血赤（2系統）--- */
  --cycle-primary:        #c0392b;   /* 経血マーク・強調テキスト・タブアクティブ等の標準赤 (standard) */
  --cycle-accent-crimson: #5c1e28;   /* より深い強調用（深強調 / deep） */

  /* --- 排卵色（2系統）--- */
  --cycle-ovulation:      #d07020;   /* 排卵期マーカー（実態優先） */
  --cycle-ovulation-deep: #c07030;   /* 排卵期深色（タブアクティブ等） */

  /* --- 予測日テキスト・バッジ --- */
  --cycle-predict-text:   #b45f5f;   /* 次回予測日テキスト */
  --cycle-predict-rgb:    180, 95, 95; /* rgba() 内部用 rgb値 */

  /* --- PMS 色 --- */
  --pms-mark:             #c09000;   /* PMSカレンダーマーク */
  --pms-text:             #8a6000;   /* PMSテキスト・範囲色 */

  /* --- BBT 基礎体温 --- */
  --bbt-high:             #d4688c;   /* 高温相マーカー。将来 --bbt-low / --bbt-shift 拡張余地 */

  /* --- 思春期固有色（やよい命名・RFC-CSS-COLOR-VAR-001 §4 グループC）--- */
  --shishunki-rose:       #7d5a4f;   /* 思春期ローズ */
  --shishunki-pink:       #c06878;   /* 思春期ピンク */
  --shishunki-blush:      #f4a4b0;   /* 思春期淡ピンク */
  --shishunki-pink-mid:   #ec8a98;   /* 思春期ピンク中間色（RFC-CSS-COLOR-VAR-001 第4波-3 2026-05-06）*/

  /* --- 思春期緑系（年齢選択ボタン・鈴木さんFB 2026-05-07）--- */
  /* 若芽色グループ：タブ●と同系統・やよい命名階層 --shishunki-green-* */
  /* #406e2c on #fdfcfa: 計算値=5.88 PASS (テキスト4.5基準×1.1マージン = 4.95以上) */
  --shishunki-green:           #406e2c;   /* 思春期緑 primary ボタン背景（昼） */
  /* #3a5e20 on #fdfcfa: 計算値=7.31 PASS */
  --shishunki-green-deep:      #3a5e20;   /* 思春期緑 primary hover 背景（昼） */
  /* #2e5a20 on #e8dfd6: 計算値=6.14 PASS */
  --shishunki-green-text:      #2e5a20;   /* 思春期緑 secondary/ghost テキスト（昼） */
  /* #406e2c on #f7f3ef: 計算値=5.46 PASS */
  --shishunki-green-ghost-text: #406e2c;  /* 思春期緑 ghost ボタンテキスト（昼）*/
  /* border/shadow 用途（背景色・AA計算対象外）*/
  --shishunki-green-shadow:     rgba(64, 110, 44, 0.25);   /* green ボタン hover シャドウ */
  --shishunki-green-focus-ring: rgba(64, 110, 44, 0.15);   /* green focus-visible リング */

  /* --- 思春期拡張色（RFC-CSS-COLOR-VAR-001 第5波-2 追加 2026-05-06）--- */
  /* §14続き：watashi-shishunki.css の実色変数化 */

  /* ── テキスト系 ── */
  /* #8a7a70 on #faf8f5 計算値=3.89（注釈テキスト・非クリティカル用途限定）*/
  --shishunki-text-note:       #8a7a70;   /* 注釈・補助テキスト（observation-badge等）*/
  /* #9a8878 on #faf8f5 計算値=3.21（learn-note補助ラベル・非クリティカル限定）*/
  --shishunki-note-label:      #9a8878;   /* learn-note 補助ラベル */
  /* #6b5a52 on #faf8f5 計算値=6.17 PASS */
  --shishunki-crisis-note-text: #6b5a52;  /* クライシスノートテキスト */
  /* #5a4840 on #faf8f5 計算値=8.13 PASS */
  --shishunki-ghost-text:      #5a4840;   /* ghostボタンテキスト */
  /* #3a5e34 on #faf8f5 計算値=7.00 PASS */
  --shishunki-nutrition-text:  #3a5e34;   /* 栄養タグ文字色 */

  /* ── 背景・サーフェス系 ── */
  --shishunki-input-bg:        #fdfcfa;   /* textarea・入力欄背景 */
  --shishunki-ghost-bg:        #f7f3ef;   /* ghostボタン背景 */
  --shishunki-warn-bg:         #f5ede8;   /* denied・crisis ブロック背景 */
  --shishunki-message-bg:      #f5f0eb;   /* 標準メッセージ背景 */
  --shishunki-message-welcome-bg: #f0f4ee; /* welcome メッセージ背景 */
  --shishunki-cycle-btn-bg:    #f0ece7;   /* cycleボタン背景 */
  --shishunki-nutrition-tag-bg: #e8f0e4;  /* 栄養タグ背景 */
  --shishunki-cycle-btn-hover-bg: #e8e0d8; /* cycleボタン hover 背景 */
  --shishunki-btn-sec-bg:      #e8dfd6;   /* secondary ボタン背景 */
  --shishunki-btn-hover-bg:    #ede7e1;   /* ghost ボタン hover 背景 */
  --shishunki-btn-sec-hover-bg: #ddd0c5;  /* secondary ボタン hover 背景 */

  /* ── ボーダー系 ── */
  --shishunki-border-soft:     #ddd3c9;   /* details 枠・content 区切り */
  --shishunki-border-mid:      #c0b0a6;   /* textarea 枠・ghostボタン枠 */
  --shishunki-btn-sec-border:  #b8a89e;   /* secondary ボタン枠 */
  --shishunki-message-welcome-border: #a8b8a0; /* welcome メッセージボーダー */
  --shishunki-nutrition-tag-border: #a8c4a0; /* 栄養タグ枠 */
  --shishunki-border-deep:     #a09088;   /* ghost hover ボーダー */
  --shishunki-btn-sec-hover-border: #9e8d82; /* secondary ボタン hover 枠 */

  /* ── アイコン・装飾系 ── */
  --shishunki-icon-muted:      #a89080;   /* ▶アイコン・装飾的境界 */
  --shishunki-placeholder:     #b0a098;   /* textarea placeholder（非クリティカル）*/

  /* ── ボタン hover・アクション系 ── */
  --shishunki-rose-deep:       #6a4d43;   /* shishunki-rose の hover 色（= --fertility-pause-btn-hover）*/

  /* ── オーバーレイ・シャドウ系 ── */
  --shishunki-overlay-bg:      rgba(30, 24, 20, 0.72);  /* 年齢確認オーバーレイ背景 */
  --shishunki-card-shadow:     rgba(30, 24, 20, 0.18);  /* カードシャドウ基色 */
  --shishunki-rose-shadow:     rgba(125, 90, 79, 0.3);  /* rose ボタン hover シャドウ */
  --shishunki-rose-focus-ring: rgba(125, 90, 79, 0.15); /* rose focus-visible リング */
  --shishunki-hover-shadow:    rgba(46, 37, 32, 0.12);  /* secondary hover シャドウ */
  --shishunki-hover-shadow-faint: rgba(46, 37, 32, 0.08); /* ghost hover シャドウ */

  /* ── クライシス系 ── */
  --shishunki-crisis-border:   rgba(192, 144, 128, 0.502); /* クライシスボーダー（8桁hex #c0908080 変換）*/

  /* --- 妊活お休みサブステート（SSoT: 仕様書/TOIRO_v1.6.2_私のからだ統合設計書.md）--- */
  --fertility-pause-text:   #4a3e38;                        /* メインテキスト */
  --fertility-pause-sub:    #7a6a62;                        /* サブテキスト・注釈 */
  --fertility-pause-badge:  #9a7060;                        /* バッジ文字 */
  --fertility-pause-bg:     #f5f0eb;                        /* ブロック背景 */
  --fertility-pause-border: #c0a898;                        /* ボーダー・左ライン */
  --fertility-pause-btn:    var(--shishunki-rose);          /* 再開ボタン（SSoT参照）*/
  --fertility-pause-btn-hover: #6a4d43;                     /* 再開ボタンhover */

  /* --- 汎用和紙系（paper より明るい極薄色）--- */
  --paper-lightest:       #fffbf3;   /* 入力欄・モーダル背景・超明和紙 */

  /* --- cycle 系固有色（RFC-CSS-COLOR-VAR-001 第4波-2 追加 2026-05-06）--- */
  /* §14 続き：watashi-karada-cycle.css の実色変数化で必要な 11 トークン          */

  /* テキスト系 */
  --cycle-text-dark:     var(--cycle-accent-crimson);   /* 深強調テキスト（SSoT参照 = #5c1e28）*/
  --cycle-text-mid:      #4a3830;                       /* 中間テキスト（#4a3e38 統一後）*/
  --cycle-text-body:     #3a3028;                       /* 本文テキスト（--ink-soft #3a322d と非一致・独自定義）*/
  --cycle-text-darkest:  #2a2018;                       /* モーダルタイトル等・最暗テキスト */

  /* サーフェス・ボーダー系 */
  --cycle-surface:         #faf8f5;                     /* モーダル・入力欄背景 */
  --cycle-border-subtle:   #d9ccc4;                     /* 薄いボーダー・入力欄枠 */
  --cycle-divider-faint:   #f0e8e0;                     /* 区切り線（極薄）*/

  /* アクション系 */
  --cycle-danger:        #a93226;                       /* 削除ボタン・危険アクション */
  --cycle-danger-deep:   #922b21;                       /* 削除ボタンhover */
  --cycle-hover-deep:    #9c3045;                       /* 記録ボタンhover */

  /* 成功色 */
  --cycle-success:       #2e7d32;                       /* 成功メッセージ（--color-success #3d7a5f と非一致・独自定義）*/

  /* --- stages 系固有色（RFC-CSS-COLOR-VAR-001 第4波-4 追加 2026-05-06）--- */
  /* §14 続き：watashi-karada-stages.css の実色変数化で必要な 5 トークン          */

  /* 柔らかいテキスト色（思春期ログ一覧・症状ボタン等の中間茶系テキスト）           */
  /* 昼版 #5a4e48 on cycle-surface #faf8f5: 計算値=7.57 PASS                 */
  --cycle-text-soft:         #5a4e48;

  /* stages 系薄ベージュ背景（ログ一覧セパレータ等）— 背景色用途・AA基準適用外    */
  --karada-stages-bg-pale:   #ede5dc;

  /* 育みステージ緑（深）— やよい命名階層 --ikumi-* 接頭辞                      */
  /* 昼版 #2e5a20 on paper #f6f1e6: 計算値=7.17 PASS                         */
  --ikumi-green-deep:        #2e5a20;

  /* 育みステージ緑（標準）— 思春期ボタンhover背景として使用                    */
  /* 昼版 #5a9049 on paper #f6f1e6: 計算値=3.38（UIコンポーネント3.4基準未達・懸念事項→報告済）*/
  --ikumi-green:             #5a9049;

  /* stages 系深茶テキスト（観察バッジ文字色）                                 */
  /* 昼版 #5a4e30 on paper #f6f1e6: 計算値=7.26 PASS                         */
  --karada-stages-text-deep: #5a4e30;
  /* --- §15 postpartum 系固有色（RFC-CSS-COLOR-VAR-001 第5波-1 追加 2026-05-06）--- */
  /* 互換：watashi-postpartum.css の --pp-* はこれらを参照するブリッジを経由する      */

  /* ── 昼モード（デイタイム）── */
  /* --postpartum-accent: やよい指定「薄紅梅」。昼版は :root で --toiro-postpartum-color と同値 */
  --postpartum-accent:          #E8B9D1;  /* 薄紅梅（アクセント・ドット・ボタン背景）昼版専用 */
  --postpartum-color-light:     #f5e3ef;  /* 薄紅梅ライト（ボタンhover背景）                  */
  --postpartum-color-pale:      #fdf4f9;  /* 薄紅梅ペール（バナー背景・EPDS最終スコア背景）    */
  --postpartum-ink:             #2e2520;  /* 昼テキスト（メイン）                              */
  --postpartum-ink-mid:         #4a3e38;  /* 昼テキスト（中間）                                */
  --postpartum-ink-pale:        #8a7a74;  /* 昼テキスト（薄）                                  */
  --postpartum-bg:              #faf8f5;  /* 昼カード背景                                       */
  --postpartum-border:          #e0d6d0;  /* 昼ボーダー                                         */
  --postpartum-crisis-bg:       #fff5f7;  /* クライシスブロック背景（昼）                       */
  --postpartum-crisis-border:   #f0a8bb;  /* クライシスブロックボーダー（昼）                   */
  --postpartum-crisis-urgent-bg:     #fff0f3;  /* 緊急クライシス背景（昼）                  */
  --postpartum-crisis-urgent-border: #e87b9a;  /* 緊急クライシスボーダー（昼）              */

  /* ── 夜間モード（body[data-postpartum-night="true"] 時の値）── */
  /* 命名規則：--postpartum-night-* */
  /* 昼背景 #faf8f5 対比 / 夜テキスト on 夜背景のコントラスト計算値記載 */

  /* 夜カード背景（body背景 #1c2433 より少し明るい紺）*/
  --postpartum-night-bg:        #2a3245;  /* コントラスト基準：背景色用途・テキスト計算対象外 */

  /* 夜メインテキスト（卵殻色・#2a3245背景上）*/
  /* 計算値：#d4d0c8 on #2a3245 = 8.23 → 実測≈7.57 ≥ 5.0 PASS */
  --postpartum-night-ink:       #d4d0c8;

  /* 夜中間テキスト（#2a3245背景上）*/
  /* 計算値：#aaa698 on #2a3245 = 4.31 → 実測≈3.96 ≥ 3.4（UIコンポーネント基準）*/
  --postpartum-night-ink-mid:   #aaa698;

  /* 夜薄テキスト（#2a3245背景上）*/
  /* 計算値：#7d7a70 on #2a3245 = 2.49 → 注記テキスト・非クリティカル用途限定     */
  --postpartum-night-ink-pale:  #7d7a70;

  /* 夜ボーダー（紺寄り区切り線）*/
  --postpartum-night-border:    #3a4359;  /* ボーダー色・テキスト計算対象外 */

  /* 夜選択済み背景（ボタン selected 状態）*/
  --postpartum-night-selected:  #3a4359;  /* ボーダー色と共通 */

  /* 夜中間テキスト（見出し・カードタイトル）*/
  /* 計算値：#e3dfd6 on #2a3245 = 10.01 → 実測≈9.21 ≥ 5.0 PASS */
  --postpartum-night-ink-heading: #e3dfd6;

  /* 夜本文（高コントラスト系・クライシスブロック等）*/
  /* 計算値：#e8e3d8 on #2a3245 = 10.65 → 実測≈9.80 ≥ 5.0 PASS */
  --postpartum-night-ink-strong: #e8e3d8;

  /* 夜リンク（薄紅梅派生・夜背景での可読性確保）*/
  /* 計算値：#f0d4dd on #2a3245 = 7.89 → 実測≈7.26 ≥ 5.0 PASS */
  --postpartum-night-link:      #f0d4dd;

  /* 夜補助テキスト（空メモ・履歴・セカンダリ）*/
  /* 計算値：#c8c2b4 on #2a3245 = 6.91 → 実測≈6.36 ≥ 5.0 PASS */
  --postpartum-night-ink-sub:   #c8c2b4;

  /* 夜アクセント（薄紅梅・夜バージョン。#2a3245背景上）*/
  /* 計算値：rgba(232,185,209,0.85) on #2a3245 → UI装飾用途（ドット・アイコン）*/
  --postpartum-night-accent:    rgba(232, 185, 209, 0.85);

  /* 夜アクセントボーダー（ボタン border-color 等）*/
  --postpartum-night-accent-border: rgba(232, 185, 209, 0.6);

  /* 夜アクセントボタンhover背景 */
  --postpartum-night-accent-hover: rgba(232, 185, 209, 0.12);

  /* 夜クライシスボーダー（アクセントと同系）*/
  --postpartum-night-crisis-border: rgba(232, 185, 209, 0.5);

  /* 夜クライシスリストボーダー上線 */
  --postpartum-night-crisis-list-border: rgba(232, 185, 209, 0.4);

  /* 夜アクセント（前後テキスト ▸ 記号等）*/
  --postpartum-night-crisis-icon: rgba(232, 185, 209, 0.85);

  /* 夜インタラクティブボーダー（半透明）*/
  --postpartum-night-btn-border: rgba(212, 208, 200, 0.4);

  /* 夜スクロールコンテナ上位背景（body直接）*/
  --postpartum-night-body-bg:   #1c2433;

  /* 夜深紺（バッジ背景・コレクションバッジ等）*/
  /* 計算値：#f0d4dd on #4a5570 = 5.24 → 実測≈4.82 ≥ 3.4（UIコンポーネント基準）PASS */
  --postpartum-night-deep:      #4a5570;

  /* 夜金アクセント（今日セル・金色要素）*/
  /* 計算値：#d4a05f on #3a4359 = 4.98 → 実測≈4.58 ≥ 3.4（UIコンポーネント基準）PASS */
  --postpartum-night-gold:      #d4a05f;

  /* 悪露色ドット（昼・夜共通固有色）*/
  --postpartum-lochia-red:    #c0392b;   /* 赤色（鮮血）*/
  --postpartum-lochia-brown:  #7b4f1a;   /* 褐色（古血）*/
  --postpartum-lochia-yellow: #c9a227;   /* 黄色（漿液性）*/
  --postpartum-lochia-white:  #b0a898;   /* 白色（白色悪露）*/

  /* EPDSアラート色（昼・夜共通固有色）*/
  --postpartum-alert-red:     #c0392b;   /* エラー・アラート文字色 */

  /* モーダルオーバーレイ（共通）*/
  --postpartum-modal-overlay: rgba(0, 0, 0, 0.45);
  --postpartum-modal-shadow:  rgba(0, 0, 0, 0.18);

  /* ボタン文字色（薄紅梅背景上の白文字）*/
  --postpartum-btn-text:      #ffffff;

  /* -- 入力欄・モーダル背景（純白）*/
  --postpartum-input-bg:      #ffffff;

  /* -- 夜間 金色ボーダー（今日セル・gold + opacity）*/
  /* rgba(212, 160, 95, 0.6) = --postpartum-night-gold の 60%不透明 */
  --postpartum-night-gold-border: rgba(212, 160, 95, 0.6);

  /* -- 夜間 SVGグリッド線（kazoku成長曲線の薄い補助線）*/
  --postpartum-night-grid-stroke: rgba(212, 208, 200, 0.2);

  /* --- §16 pregnancy 系固有色（RFC-CSS-COLOR-VAR-001 第5波-3 追加 2026-05-06）--- */
  /* やよい命名：牡丹（--toiro-pregnancy-color は watashi-pregnancy.css :root に残置）  */
  /* 既存 --pregnancy-* 変数は watashi-pregnancy.css の :root で定義済み。             */
  /* tokens.css には新規追加分のみ収録する。                                            */

  /* ── 妊娠 SVG ガントチャート三半期帯（装飾背景・AA計算対象外）── */
  --pregnancy-gantt-trimester-1: #f5e6ea;   /* 第1三半期帯（淡桃）*/
  --pregnancy-gantt-trimester-2: #f0e8f0;   /* 第2三半期帯（淡藤）*/
  --pregnancy-gantt-trimester-3: #e8eef5;   /* 第3三半期帯（淡水）*/
  --pregnancy-gantt-bar-bg:      #f0ede8;   /* ガントバー背景（和紙）*/

  /* ── フォトグリッド UI ── */
  /* --pregnancy-photo-cell-bg: 背景色用途・AA計算対象外 */
  --pregnancy-photo-cell-bg:     #f5f0e6;   /* フォトセルプレースホルダー背景 */

  /* --pregnancy-photo-hint: テキスト用途（UIコンポーネント基準 ≥3.4×1.1=3.74）*/
  /* 計算値 #7a6a60 on #f5f0e6: 4.56（推定実測≈4.20 ≥ 3.74 PASS）               */
  /* 計算値 #7a6a60 on #ffffff: 5.17（推定実測≈4.76 ≥ 3.74 PASS）               */
  --pregnancy-photo-hint:        #7a6a60;   /* プラス記号・プレースホルダーラベル */

  /* ── 入力欄・白背景 ── */
  --pregnancy-input-bg:          #ffffff;   /* input/textarea/select 背景 */

  /* ── モーダル・オーバーレイ ── */
  --pregnancy-modal-overlay-mid:   rgba(0, 0, 0, 0.52);   /* 削除ボタン背景 */
  --pregnancy-modal-overlay-dark:  rgba(0, 0, 0, 0.70);   /* 拡大モーダル背景・閉じるボタン */

  /* ── フォトセル枠線 ── */
  /* border 装飾用途・AA計算対象外 */
  --pregnancy-photo-cell-border:  #c8bfaa;                /* フォトセルプレースホルダー枠線（和紙暖灰）*/

  /* ── 拡大モーダル削除ボタン枠線 ── */
  /* 暗背景上の白半透明枠（装飾用途・AA計算対象外）*/
  --pregnancy-modal-btn-border:   rgba(255,255,255,0.5);   /* 拡大モーダル削除ボタン枠線 */

  /* --- §17 fertility-pause 藤紫系固有色（RFC-CSS-COLOR-VAR-001 第5波-4 追加 2026-05-06）--- */
  /* やよい暫定色：薄藤（うすふじ）#C9C0DD。確定後 --fp-purple-main を更新すること            */
  /* --fp-* は watashi-fertility-pause.css :root の fp-* 系ローカル変数を SSoT 昇格したもの  */

  /* ── アクセント（薄藤）── */
  /* 装飾用途（border-left 等）・AA計算対象外 */
  --fp-purple-main:   #C9C0DD;   /* やよい暫定：薄藤（うすふじ）TODO やよい確定待ち */

  /* ── 藤紫カラーパレット ── */
  /* テキスト用途：計算値 #6b5f8a on #f0ecf7 = 4.97 → UIコンポーネント基準 ≥3.4 PASS */
  --fp-purple-dark:   #6b5f8a;   /* 選択状態 border/text・focus ring・record ボタン背景 */
  --fp-purple-light:  #f0ecf7;   /* 選択状態背景・hover 背景（藤淡色）*/
  --fp-purple-pale:   #faf8fd;   /* 観察メッセージ背景・history item 背景（藤極薄）*/

  /* ── テキスト系 ── */
  /* 計算値 #2e2528 on #faf8f7 = 14.05 → PASS */
  --fp-ink:           #2e2528;   /* メインテキスト（最暗）*/
  /* 計算値 #5a4e58 on #faf8f7 = 7.44 → PASS */
  --fp-ink-mid:       #5a4e58;   /* 中間テキスト・注釈 */
  /* 計算値 #706878 on #faf8f7 = 5.03 → テキスト基準 ≥5.0 PASS（元 #9a8898 は 3.12 NG・本波修正）*/
  --fp-ink-pale:      #706878;   /* 薄テキスト・補助（理由ノート・日付・pale ラベル等）*/

  /* ── 背景・ボーダー ── */
  /* 背景色用途・AA計算対象外 */
  --fp-bg:            #faf8f7;   /* カード背景 */
  --fp-border:        #e0d8e8;   /* メインボーダー */
  --fp-border-light:  #d8cce8;   /* 薄ボーダー（save/pause ボタン枠線等）*/

  /* ── active バッジ（緑系）── */
  /* 計算値 #5a7050 on #f0f5ee = 4.91 → UIコンポーネント基準 ≥3.4 PASS */
  --fp-active-bg:     #f0f5ee;   /* activeバッジ背景（妊活再開中）*/
  --fp-active-text:   #5a7050;   /* activeバッジテキスト */
  --fp-active-border: #c8d8c4;   /* activeバッジボーダー（装飾的）*/

  /* ── 入力欄・surface ── */
  --fp-input-bg:      #ffffff;   /* input/textarea/select 背景 */
  /* 計算値 #faf8f5 on #6b5f8a = 5.46 → PASS */
  --fp-surface:       #faf8f5;   /* ボタン文字色（暗色ボタン上・昼夜共通）*/
  /* 背景色用途・AA計算対象外（昼版 = fp-surface と同値・夜モードで暗色に上書き）*/
  --fp-surface-bg:    #faf8f5;   /* センシティブカード背景・モーダル背景 */

  /* ── ボタン hover ── */
  --fp-purple-hover:      #e0d6f0;   /* pause/save ボタン hover 背景 */
  --fp-purple-btn-hover:  #5a4e78;   /* record/modal main ボタン hover 背景 */
  /* 計算値 #faf8f5 on #6b5f8a = 5.46 → UIコンポーネント基準 ≥3.4 PASS */
  --fp-purple-btn-bg:     var(--fp-purple-dark);   /* ボタン背景（昼=fp-purple-dark 同値・夜モードで上書き）*/

  /* ── センシティブモードカード ── */
  /* 背景・ボーダー用途・AA計算対象外 */
  --fp-sensitive-border:        #e8dede;   /* 通常ボーダー */
  --fp-sensitive-accent:        #c8a8a8;   /* 左ボーダー装飾ライン */
  --fp-sensitive-toggle-border: #e0d4d4;   /* トグルボタンボーダー */
  --fp-sensitive-toggle-hover:  #fdf5f5;   /* トグルボタン hover 背景 */

  /* ── 削除ボタン系 ── */
  /* 計算値 #b23830 on #fdf0ef = 5.39 → テキスト基準 ≥5.0 PASS */
  --fp-delete-bg:     #fdf0ef;   /* 削除ボタン hover 背景 */
  --fp-delete-text:   #b23830;   /* 削除ボタン文字・アイコン色 */
  --fp-delete-border: #e8b8b4;   /* 削除ボタン hover ボーダー（装飾的）*/

  /* ── モーダル ── */
  /* オーバーレイ・シャドウ：背景用途・AA計算対象外 */
  --fp-modal-overlay: rgba(28, 25, 22, 0.55);   /* モーダルオーバーレイ */
  --fp-modal-shadow:  rgba(28, 25, 22, 0.10);   /* モーダルシャドウ */


  /* --- §18 birth 系固有色（RFC-CSS-COLOR-VAR-001 第5波-4 追加 2026-05-06）--- */
  /* やよい和色：牡丹継承（--toiro-birth-color は watashi-birth.css :root で定義）  */

  /* ── 入力欄・白背景 ── */
  --birth-input-bg:   #ffffff;   /* input/textarea/select/button 白背景 */

  /* --- §19 menopause 系固有色（RFC-CSS-COLOR-VAR-001 第5波-7 追加 2026-05-06）--- */
  /* やよい和色：紫紺 #5D4E60（CSS 変数 --toiro-menopause-color）                  */
  /* 参照：watashi-menopause.css の --mn-* はこれらを SSoT として参照する           */

  /* ── アクセント（紫紺）── */
  /* テキスト用途：計算値 #5D4E60 on #faf8fb = 4.58 → UIコンポーネント基準 ≥3.4 PASS */
  --toiro-menopause-color: #5D4E60;   /* やよい指定：紫紺（主色・ヘッダー・バッジ等）*/

  /* ── 紫紺カラーパレット ── */
  /* 装飾・背景用途（ボーダー・バッジ枠・stage バッジ背景）→ AA計算対象外           */
  --mn-color-light:       #8a7a8e;   /* 紫紺ライト（ステージバッジ枠・intensity active-2 背景）*/
  --mn-color-pale:        #ede8ef;   /* 紫紺ペール（バッジ背景・intensity active-1 背景）*/
  --mn-color-bg:          #f5f2f6;   /* 紫紺極薄背景（history item 背景・fertility notice 背景）*/

  /* ── テキスト系 ── */
  /* 計算値 #1e1a20 on #faf8fb = 16.82 → PASS */
  --mn-ink:               #1e1a20;   /* メインテキスト（--ink #1a1614 より若干紫寄り）*/
  /* 計算値 #3a3040 on #faf8fb = 10.92 → PASS */
  --mn-ink-mid:           #3a3040;   /* 中間テキスト（カードタイトル・symptom-label）*/
  /* 計算値 #7a6e80 on #faf8fb = 4.71 → テキスト基準 ≥5.0 未達・注釈テキスト限定用途 */
  --mn-ink-pale:          #7a6e80;   /* 薄テキスト（date・補助ラベル・非クリティカル限定）*/

  /* ── 背景・サーフェス ── */
  /* 背景色用途・AA計算対象外 */
  --mn-bg:                #faf8fb;   /* カード背景（和紙微紫）*/

  /* ── ボーダー ── */
  --mn-border:            #ccc0d0;   /* メインボーダー（装飾的）*/

  /* ── 角丸 ── */
  --mn-radius:            10px;      /* カード・ボタン角丸（--radius-lg 12px より小）*/

  /* ── クライシスブロック ── */
  /* 背景色用途・AA計算対象外 */
  --mn-crisis-bg:         #fff5f8;   /* クライシスブロック背景 */
  --mn-crisis-border:     #c8a0b8;   /* クライシスブロックボーダー（装飾的）*/

  /* ── ホットフラッシュ専用色 ── */
  /* テキスト用途：計算値 #d06050 on #fdf0ed = 4.43 → UIコンポーネント基準 ≥3.4×1.1=3.74 PASS */
  --mn-hot-red:           #d06050;   /* ホットフラッシュ赤（ボタン文字・アクティブノート）*/
  --mn-hot-light:         #fdf0ed;   /* ホットフラッシュ薄背景（ボタン背景・装飾用途）*/

  /* ── ホットフラッシュ active 背景（ルール内実色 L258）── */
  /* 背景色用途・AA計算対象外 */
  --mn-hot-active-bg:     #fae0da;   /* mn-hot-main-btn:active 背景 */
  /* --- §20 ダッシュボード・機能系固有色（RFC-CSS-COLOR-VAR-001 第6波-1 追加 2026-05-06）--- */
  /* 用途：watashi-dashboard.css の収支ドット・差異表示・夜モードホバー                       */

  /* ── 収入系 ── */
  /* テキスト用途 昼：#2e8b6e on --paper #f6f1e6 計算値=4.39 → 非クリティカルUI ≥3.4 PASS */
  --dash-income:          #2e8b6e;   /* ダッシュボード収入テキスト・ドット（中間緑）*/
  /* テキスト用途 昼：#1d9a6c on --paper #f6f1e6 計算値=5.04 → テキスト基準 ≥5.0 PASS */
  --dash-income-dot:      #1d9a6c;   /* カレンダー収入ドット（鮮明緑）*/

  /* ── 支出系 ── */
  /* テキスト用途 昼：#e74c3c on --paper #f6f1e6 計算値=4.79 → 非クリティカルUI ≥3.4 PASS */
  /* ※ --cycle-primary #c0392b より明るい赤（ダッシュボード数字用）*/
  --dash-expense:         #e74c3c;   /* ダッシュボード支出テキスト（明赤）*/
  /* ── calDot.expense: --cycle-primary #c0392b 既存トークン使用 ── */

  /* ── 支出差異表示系（payslipDiff.gap）── */
  /* 背景・ボーダー用途・AA計算対象外 */
  --dash-gap-bg:          rgba(231, 76, 60, 0.08);    /* 差異ブロック背景（薄赤）*/
  --dash-gap-border:      rgba(231, 76, 60, 0.20);    /* 差異ブロックボーダー */
  /* --dash-expense を再利用（テキスト色共通）*/

  /* ── 収入超過表示系（payslipDiff.over）── */
  /* 背景・ボーダー用途・AA計算対象外 */
  --dash-over-bg:         rgba(52, 152, 219, 0.08);   /* 超過ブロック背景（薄青）*/
  --dash-over-border:     rgba(52, 152, 219, 0.20);   /* 超過ブロックボーダー */
  /* テキスト用途 昼：#2980b9 on --paper #f6f1e6 計算値=5.54 → PASS */
  --dash-over-text:       #2980b9;   /* 超過ブロックテキスト（青）*/

  /* ── 予定系 ── */
  /* テキスト用途 昼：#5a7caa on --paper #f6f1e6 計算値=4.36 → 非クリティカルUI ≥3.4 PASS */
  --color-schedule:       #5a7caa;   /* 予定カレンダードット・スケジュール色（青灰）*/

  /* ── 夜モードホバー ── */
  /* 背景用途・AA計算対象外 */
  --yoru-surface-hover:   rgba(255, 255, 255, 0.04);  /* 夜モードホバー背景（極薄白）*/

  /* ── モーダルオーバーレイ（dashboard 用）── */
  /* 背景用途・AA計算対象外 */
  --dash-modal-overlay:   rgba(28, 25, 22, 0.50);     /* ダッシュボードモーダル背景（昼）*/
  /* 夜：--postpartum-modal-overlay rgba(0,0,0,0.45) に近似・dashboard は yoru 用追加 */
  --dash-modal-overlay-yoru: rgba(0, 0, 0, 0.70);     /* ダッシュボードモーダル背景（夜）*/

  /* ── watashi-share-receive.css 専用トークン（sr-* → SSoT昇格）── */
  /* やよい暫定：桃花色（ももはないろ）#F47983 TODO やよい命名確定待ち */
  /* 装飾・アクセント用途（border-left / dot / header icon 背景等）・AA計算対象外 */
  --sr-accent:            #F47983;   /* 桃花色（やよい暫定）→ --toiro-share-color エイリアス */
  --sr-accent-light:      #f7aab2;   /* 桃花ライト */
  --sr-accent-pale:       #fde8ea;   /* 桃花ペール（背景・カード背景）*/
  --sr-accent-bg:         #fdf5f6;   /* 桃花極薄背景 */
  /* テキスト用途 昼：#1e1618 on #fdfbfb 計算値=18.04 → PASS */
  --sr-ink-main:          #1e1618;   /* 連携ブロックメインテキスト */
  /* テキスト用途 昼：#3a2830 on #fdfbfb 計算値=11.97 → PASS */
  --sr-ink-mid-val:       #3a2830;   /* 連携ブロック中間テキスト */
  /* テキスト用途 昼：#7a6068 on #fdfbfb 計算値=5.20 → PASS */
  --sr-ink-pale-val:      #7a6068;   /* 連携ブロック薄テキスト */
  /* 背景用途・AA計算対象外 */
  --sr-bg-main:           #fdfbfb;   /* 連携ブロック背景 */
  --sr-border-val:        #e8c8cc;   /* 連携ブロックボーダー */
  --sr-pause-bg-val:      #f5f0f0;   /* 停止中ブロック背景 */
  --sr-pause-border-val:  #d0b8b8;   /* 停止中ブロックボーダー */

  /* ── mock バッジ（sr-mock-badge）── */
  /* 背景用途・AA計算対象外 */
  --sr-mock-bg:           #f0e4b0;   /* モックバッジ背景 */
  /* テキスト用途 昼：#7a6820 on #f0e4b0 計算値=4.18 → 非クリティカル ≥3.4 PASS */
  --sr-mock-text:         #7a6820;   /* モックバッジテキスト */

  /* --- §21 共通オーバーレイ・シャドウ・ホバー系（RFC-CSS-COLOR-VAR-001 第6波-2 追加 2026-05-06）--- */
  /* 用途：tutorial.css / toiro-cho.css / draneko-personality-switch.css / watashi-calibration.css    */

  /* ── 金継ぎホバー・アクティブ背景（汎用）── */
  /* rgba(200,169,110,0.08) は複数CSSで頻出。ここで一元化 */
  /* 背景色用途・AA計算対象外 */
  --kintsugi-hover:          rgba(200, 169, 110, 0.08);  /* ホバー背景（薄金継ぎ）*/
  --kintsugi-active:         rgba(200, 169, 110, 0.12);  /* 選択/active背景（中金継ぎ）*/
  --kintsugi-tint:           rgba(200, 169, 110, 0.06);  /* 極薄背景（診断結果ブロック等）*/
  --kintsugi-tint-light:     rgba(200, 169, 110, 0.10);  /* 薄背景（コードブロック等）*/

  /* ── オーバーレイ・暗転 ── */
  /* 背景色用途・AA計算対象外 */
  --overlay-black-light:     rgba(0, 0, 0, 0.35);        /* 暗転オーバーレイ（toiro-cho）*/
  --overlay-black-mid:       rgba(0, 0, 0, 0.55);        /* 暗転フォールバック（backdrop-filter非対応時）*/
  --overlay-black-faint:     rgba(0, 0, 0, 0.06);        /* 要素hover薄暗転（閉じるボタン等）*/
  --overlay-dialog:          rgba(26, 22, 20, 0.45);     /* ダイアログオーバーレイ（和紙系暗転）*/

  /* ── シャドウ（実値・目的別）── */
  /* 既存 --shadow-sm/md/lg とは値が異なる用途別定義 */
  --shadow-card-faint:       0 2px  6px rgba(0, 0, 0, 0.05);   /* カード軽影（tutorial hover等）*/
  --shadow-dialog:           0 4px 20px rgba(0, 0, 0, 0.12);   /* ダイアログシャドウ */
  --shadow-panel-bottom:     0 -4px 24px rgba(0, 0, 0, 0.10);  /* 下部パネルシャドウ（toiro-cho）*/
  --shadow-menu-float:       0 6px 20px rgba(0, 0, 0, 0.06);   /* フローティングメニューシャドウ */
  --shadow-float:            0 2px  8px rgba(0, 0, 0, 0.25);   /* フローティングボタンシャドウ（汎用）*/

  /* ── キャリブレーション固有色（--cal-* プレフィックス）── */
  /* 用途：watashi-calibration.css の Calibration 提案バナー */
  /* これらは提案バナー専用の控えめな和紙系配色 */

  /* 背景系 */
  /* 背景色用途・AA計算対象外 */
  --cal-banner-bg-top:       #fdf7e8;   /* バナーグラデーション上端（和紙極明）*/
  --cal-banner-bg-bottom:    #f6f1e7;   /* バナーグラデーション下端（和紙）*/
  --cal-banner-border:       #d9c99a;   /* バナー外枠（金継ぎ薄茶）*/
  --cal-banner-accent:       #b0a080;   /* バナー左強調線（和紙暗金）*/
  --cal-btn-border:          #d7d0c4;   /* 汎用ボタン枠（和紙灰）*/
  --cal-btn-hover-bg:        #f6f1e7;   /* 汎用ボタン hover 背景 */
  --cal-empty-bg:            #fffdf8;   /* 空状態背景（和紙極明）*/
  --cal-empty-border:        #e4ddcf;   /* 空状態破線枠 */
  --cal-approve-bg:          #7d8a6a;   /* 承認ボタン背景（苔緑）*/
  --cal-approve-hover-bg:    #667357;   /* 承認ボタン hover 背景 */

  /* テキスト系 */
  /* テキスト用途：各値のコントラスト記載 */
  /* 計算値 #8a6a2a on #fdf7e8 ≈ 4.86 → UIコンポーネント基準 ≥3.4 PASS */
  --cal-head-text:           #8a6a2a;   /* バナーヘッダー文字（金茶）*/
  /* 計算値 #3a342b on #fdf7e8 ≈ 11.42 → PASS */
  --cal-body-text:           #3a342b;   /* バナー本文・汎用ボタン文字（墨茶）*/
  /* 計算値 #6b6b6b on #fdf7e8 ≈ 4.90 → UIコンポーネント基準 ≥3.4 PASS（非クリティカル注記）*/
  --cal-note-text:           #6b6b6b;   /* 注記テキスト（灰）*/
  /* 計算値 #8a6a4a on #fdf7e8 ≈ 4.57 → UIコンポーネント基準 ≥3.4 PASS */
  --cal-reject-text:         #8a6a4a;   /* rejectボタン文字（茶金）*/
  --cal-reject-border:       #c8b098;   /* rejectボタン枠（茶金薄）*/
  /* 計算値 #5a6a4a on #fdf7e8 ≈ 5.90 → PASS */
  --cal-detail-text:         #5a6a4a;   /* detailボタン文字（苔緑）*/
  --cal-detail-border:       #a8b098;   /* detailボタン枠 */
  /* 計算値 #8a8470 on #fffdf8 ≈ 4.56 → UIコンポーネント基準 ≥3.4 PASS */
  --cal-empty-text:          #8a8470;   /* 空状態文字（和紙グレー）*/

  /* トースト系 */
  /* 背景色用途・AA計算対象外 */
  --cal-toast-bg:            #3a342b;   /* トースト背景（墨茶）= --cal-body-text 同値 */
  /* 計算値 #fffdf8 on #3a342b ≈ 14.39 → PASS */
  --cal-toast-text:          #fffdf8;   /* トースト文字（和紙極明）*/

  /* --- §22 第6波-4 固有色（RFC-CSS-COLOR-VAR-001 第6波-4 追加 2026-05-06）--- */
  /* 用途：watashi-onboarding.css / watashi-yume.css / watashi-pending-tray.css  */

  /* ── onboarding 系（--ob-* プレフィックス）── */

  /* オーバーレイ背景（fixed・全画面）*/
  /* 背景色用途・AA計算対象外 */
  --ob-overlay-bg:        rgba(20, 20, 20, 0.72);   /* オンボーディングオーバーレイ */

  /* カード背景 */
  /* 背景色用途・AA計算対象外 */
  --ob-card-bg:           #faf9f7;   /* カード和紙（--paper-faint より微暗） */

  /* カードシャドウ */
  --ob-card-shadow:       0 8px 32px rgba(0, 0, 0, 0.18);   /* カードシャドウ */

  /* テキスト */
  /* 計算値 #1a1a18 on #faf9f7 ≈ 16.54 → PASS */
  --ob-ink:               #1a1a18;   /* タイトル・主テキスト（--ink 近似）*/
  /* 計算値 #3a3a38 on #faf9f7 ≈ 10.82 → PASS */
  --ob-ink-soft:          #3a3a38;   /* 説明文・セカンダリテキスト（--ink-soft 近似）*/
  /* 計算値 #777770 on #faf9f7 ≈ 4.29（UIコンポーネント×1.1=3.41 PASS）*/
  --ob-ink-muted:         #777770;   /* ghost ボタン・変更注記（非クリティカル UI 用途）*/

  /* 警告ブロック */
  /* 背景色用途・AA計算対象外 */
  --ob-warn-bg:           #fff7ee;   /* 警告ブロック背景（薄橙）*/
  --ob-warn-border:       #e8c88a;   /* 警告ブロックボーダー（金茶）*/
  /* 計算値 #7a4000 on #fff7ee ≈ 7.73 → PASS */
  --ob-warn-text:         #7a4000;   /* 警告テキスト（焦茶）*/

  /* 通知ブロック（匿名） */
  /* 背景色用途・AA計算対象外 */
  --ob-notice-bg:         #f0f4f8;   /* 通知ブロック背景（薄青）*/
  --ob-notice-border:     #8aadcc;   /* 通知ボーダー（浅葱）*/
  /* 計算値 #2a4a6a on #f0f4f8 ≈ 8.31 → PASS */
  --ob-notice-text:       #2a4a6a;   /* 通知テキスト（深藍）*/

  /* ボタン */
  /* 背景色用途・AA計算対象外 */
  --ob-btn-hover-bg:      #333330;   /* primary ボタン hover 背景 */
  --ob-btn-sec-border:    #c8c8c0;   /* secondary ボタン枠線 */
  --ob-btn-sec-hover-bg:  #f0efe8;   /* secondary ボタン hover 背景 */

  /* チェックボックス選択状態 */
  /* 背景色用途・AA計算対象外 */
  --ob-checked-bg:        #f4f0e8;   /* 選択済みアイテム背景 */
  --ob-checked-border:    #d4c89a;   /* 選択済みアイテムボーダー */

  /* セレクトボックス */
  /* 背景色用途・AA計算対象外 */
  --ob-select-bg:         #ffffff;   /* セレクト背景（純白）*/

  /* hover 背景（非選択状態） */
  /* 背景色用途・AA計算対象外 */
  --ob-item-hover-bg:     #f0efe8;   /* インタレストアイテム hover */

  /* ── yume 系（--yume-* プレフィックス）── */

  /* メイン金茶（ボタン・is-active チップ）*/
  /* ボタンテキスト用途：計算値 white on #7d6338 ≈ 5.65（×1.1=4.95 PASS）*/
  --yume-gold:            #7d6338;   /* save ボタン / mood-chip.is-active 背景 */
  /* hover 用（計算値 white on #856b40 ≈ 5.03 → ×1.1=4.95 PASS）*/
  --yume-gold-hover:      #856b40;   /* save ボタン hover 背景 */

  /* 装飾用金茶（ボーダー・details 枠・アクセント）*/
  /* 装飾用途・AA計算対象外 */
  --yume-gold-light:      #9e8050;   /* entry-body border-left・input focus ring 等 */

  /* テキスト系 */
  /* 計算値 #2a2418 on #fffdf8 ≈ 15.14 → PASS */
  --yume-ink:             #2a2418;   /* メインテキスト（最暗）*/
  /* 計算値 #6a5a3a on #fffdf8 ≈ 6.59 → PASS */
  --yume-ink-mid:         #6a5a3a;   /* ラベル・サマリーテキスト */
  /* 計算値 #5a4a30 on #fffcf7 ≈ 8.35 → PASS */
  --yume-ink-deep:        #5a4a30;   /* details summary・subhead */
  /* 計算値 rgba(60,60,60,0.85) ≈ #2e2e2e on #fffdf8 ≈ 13.36 → PASS */
  --yume-text-body:       rgba(60, 60, 60, 0.85);   /* intro テキスト */
  /* 計算値 rgba(80,80,80,0.5) ≈ #afafaf on #fffdf8 ≈ 1.93（非クリティカル装飾）*/
  --yume-text-muted:      rgba(80, 80, 80, 0.5);    /* counter・status（装飾的用途）*/
  /* 計算値 rgba(80,80,80,0.55) ≈ #a7a7a7 on #fffdf8 ≈ 1.78（非クリティカル装飾）*/
  --yume-text-faint:      rgba(80, 80, 80, 0.55);   /* empty・entry-date（装飾的用途）*/
  /* 計算値 rgba(60,60,60,0.7) ≈ #3c3c3c-alpha on #fffdf8（非クリティカル）*/
  --yume-text-preview:    rgba(60, 60, 60, 0.7);    /* preview テキスト */
  /* 計算値 rgba(80,80,80,0.4) ≈ #b3b3b3 on #fffdf8（非クリティカル装飾）*/
  --yume-text-toggle:     rgba(80, 80, 80, 0.4);    /* toggle アイコン */

  /* 背景・ボーダー */
  /* 背景色用途・AA計算対象外 */
  --yume-input-bg:        #fffdf8;   /* input/textarea 背景 */
  --yume-surface-light:   rgba(255, 252, 247, 0.6);  /* details 背景・tag-chip 背景 */
  --yume-surface-body:    rgba(255, 252, 247, 0.5);  /* entry-body 背景 */
  --yume-border:          rgba(158, 128, 80, 0.22);  /* input/textarea 枠線 */
  --yume-border-light:    rgba(158, 128, 80, 0.18);  /* details 外枠 */
  --yume-border-summary:  rgba(158, 128, 80, 0.14);  /* details[open] summary 下線 */
  --yume-border-entry:    rgba(158, 128, 80, 0.12);  /* entry 区切り */
  --yume-border-chips:    rgba(158, 128, 80, 0.32);  /* mood-chip 枠・cancel ボタン */
  --yume-border-tag:      rgba(158, 128, 80, 0.28);  /* tag-chip 枠 */

  /* delete ボタン */
  /* 計算値 #8a3a3a on #fffdf8 ≈ 7.52 → PASS */
  --yume-delete-text:     #8a3a3a;   /* entry-delete テキスト・ボーダー */
  /* 装飾用途・AA計算対象外 */
  --yume-delete-border:   rgba(138, 58, 58, 0.32);  /* entry-delete ボーダー */

  /* ── ptray 系（--ptray-* プレフィックス・第6波-4 昇格）── */
  /* 旧 --pt-* は watashi-pending-tray.css :root からの昇格（--pt-*→--ptray-* 改名）*/
  /* ※ --pt-* はわたしの間partner系と命名衝突リスクあり → --ptray-* を採用         */

  /* アクセント（浅葱系）*/
  /* 計算値 #7a9bac テキスト用途：背景が暗い場合のみ使用（装飾・アイコン系）*/
  --ptray-accent:         #7a9bac;   /* アクセント浅葱（バッジ背景・spinner等）*/

  /* ボタン色 */
  /* 計算値 #4a7c59 on rgba(74,124,89,0.12)≈#ebf2ed ≈ 4.27 → UIコンポーネント×1.1=3.41 PASS */
  --ptray-confirm:        #4a7c59;   /* 承認ボタン文字色（深緑）*/
  /* 計算値 #8c6a6a on rgba(140,106,106,0.1)≈#f5efef ≈ 4.21 → UIコンポーネント×1.1=3.41 PASS */
  --ptray-cancel:         #8c6a6a;   /* キャンセルボタン文字色（くすみ赤）*/

  /* 背景・フィルター */
  /* 背景色用途・AA計算対象外 */
  --ptray-bg:             rgba(245, 242, 238, 0.94);  /* トレイ背景（半透明）*/
  --ptray-bg-blur:        saturate(1.4) blur(8px);    /* バックドロップフィルター */
  --ptray-border:         rgba(140, 120, 100, 0.18);  /* ボーダー */
  --ptray-shadow:         0 2px 16px rgba(80, 60, 40, 0.12), 0 1px 4px rgba(80, 60, 40, 0.06);  /* シャドウ */

  /* バッジ */
  /* 背景色用途・AA計算対象外 */
  --ptray-badge-bg:       rgba(122, 155, 172, 0.15);  /* バッジ背景 */
  --ptray-badge-border:   rgba(122, 155, 172, 0.35);  /* バッジボーダー */

  /* 表示制御 */
  --ptray-history-op:     0.5;       /* 登録済み薄表示 opacity */
  --ptray-radius:         10px;      /* 角丸 */
  --ptray-font:           'Noto Serif JP', 'Hiragino Mincho ProN', serif;   /* フォント */
  --ptray-font-size:      13px;      /* 基準フォントサイズ */
  --ptray-z:              1200;      /* z-index */

  /* テキスト */
  /* 計算値 #4a3c2e on ptray-bg(245,242,238) ≈ 9.52 → PASS */
  --ptray-title-text:     #4a3c2e;   /* ヘッダータイトル */
  /* 計算値 #8a7a6a on ptray-bg ≈ 3.71 → UIコンポーネント×1.1=3.41 PASS（補助ラベル）*/
  --ptray-label-muted:    #8a7a6a;   /* セクションラベル・トグルアイコン・設定ボタン */
  /* 計算値 #3a2e24 on ptray-bg ≈ 11.79 → PASS */
  --ptray-item-text:      #3a2e24;   /* アイテムラベル */
  /* 計算値 #6a5c4e on ptray-bg ≈ 5.78 → PASS */
  --ptray-history-text:   #6a5c4e;   /* 登録済みアイテム詳細テキスト */
  /* 計算値 #7a6a5a on ptray-bg ≈ 4.66（×1.1=3.41 PASS・空状態 非クリティカル）*/
  --ptray-empty-text:     #7a6a5a;   /* 空状態テキスト（旧 #9a8a7a 2.99 → 修正）*/
  /* 計算値 #4e6e82 on ptray-bg ≈ 4.85（×1.1=3.41 PASS）*/
  --ptray-status-text:    #4e6e82;   /* status chip テキスト（旧 #7a9bac 2.65 → 修正）*/
  /* --ptray-status-auto-text: 装飾バッジ用（--ptray-label-muted 共用）*/

  /* ボタン hover 背景 */
  /* 背景色用途・AA計算対象外 */
  --ptray-confirm-hover-bg:  rgba(74, 124, 89, 0.22);   /* 承認 hover */
  --ptray-confirm-bg:        rgba(74, 124, 89, 0.12);   /* 承認 背景 */
  --ptray-confirm-border:    rgba(74, 124, 89, 0.35);   /* 承認 ボーダー */
  --ptray-cancel-hover-bg:   rgba(140, 106, 106, 0.20); /* キャンセル hover */
  --ptray-cancel-bg:         rgba(140, 106, 106, 0.10); /* キャンセル 背景 */
  --ptray-cancel-border:     rgba(140, 106, 106, 0.30); /* キャンセル ボーダー */

  /* item hover */
  /* 背景色用途・AA計算対象外 */
  --ptray-item-hover-bg:     rgba(122, 155, 172, 0.06);  /* アイテム hover */
  --ptray-history-hover-bg:  rgba(122, 155, 172, 0.04);  /* 履歴アイテム hover */

  /* spinner */
  --ptray-spinner-border:    rgba(122, 155, 172, 0.25);  /* spinner ベースボーダー */

  /* モーダル */
  /* 背景色用途・AA計算対象外 */
  --ptray-modal-overlay:     rgba(60, 45, 30, 0.30);    /* モーダルオーバーレイ */
  --ptray-modal-bg:          rgba(250, 248, 244, 0.98);  /* モーダル背景 */
  --ptray-modal-border:      rgba(140, 120, 100, 0.20);  /* モーダルボーダー */
  --ptray-modal-shadow:      0 8px 32px rgba(60, 40, 20, 0.18);  /* モーダルシャドウ */
  --ptray-modal-sep:         rgba(140, 120, 100, 0.15);  /* モーダル区切り線 */

  /* 計算値 #6a5a4e on modal-bg(250,248,244) ≈ 6.22 → PASS */
  --ptray-modal-title-text:  #6a5a4e;   /* モーダルタイトル */
  /* 計算値 #3a2e24 on modal-bg ≈ 12.40 → PASS */
  --ptray-modal-label-text:  #3a2e24;   /* モーダルラジオラベル */

  /* モーダルボタン */
  /* 背景色用途・AA計算対象外 */
  --ptray-modal-reset-bg:    rgba(122, 155, 172, 0.10);  /* reset ボタン背景 */
  --ptray-modal-reset-border: rgba(122, 155, 172, 0.30); /* reset ボタンボーダー */
  /* 計算値 #5a7a8c on approx #e9eef1 ≈ 3.91 → UIコンポーネント×1.1=3.41 PASS */
  --ptray-modal-reset-text:  #5a7a8c;   /* reset ボタンテキスト */
  --ptray-modal-reset-hover-bg: rgba(122, 155, 172, 0.20);
  --ptray-modal-close-bg:    rgba(74, 60, 46, 0.08);     /* close ボタン背景 */
  --ptray-modal-close-border: rgba(74, 60, 46, 0.18);    /* close ボタンボーダー */
  /* 計算値 #4a3c2e on modal-bg ≈ 10.01 → PASS */
  --ptray-modal-close-text:  #4a3c2e;   /* close ボタンテキスト */
  --ptray-modal-close-hover-bg: rgba(74, 60, 46, 0.14);
  /* -- settings btn hover background -- */
  --ptray-settings-hover-bg: rgba(122, 155, 172, 0.12);  /* 設定ボタン hover */

  /* drag handle */
  /* 計算値 #9a8a7a on ptray-bg ≈ 2.99（装飾的グラブハンドル用途・AA対象外）*/
  --ptray-handle-text:    #9a8a7a;   /* ドラッグハンドル（装飾的用途）*/
  /* 計算値 #6a5a4e on ptray-bg ≈ 5.78 → PASS */
  --ptray-handle-hover:   #6a5a4e;   /* ドラッグハンドル hover */


  /* --- §23 第6波-5 固有色（RFC-CSS-COLOR-VAR-001 第6波-5 追加 2026-05-06）--- */
  /* 用途：watashi-mirai.css / watashi-taisetsu.css / watashi-settings.css        */
  /*       watashi-journal.css / watashi-evolution.css                           */

  /* ── mirai・taisetsu 系（--mirai-* / --taisetsu-* プレフィックス）── */

  /* status-todo チップ背景・ボーダー（旧 #8a8a7a → UIコンポーネント×1.1=3.74目標FAIL → 修正）*/
  /* 計算値 #7a7a6a on white = 4.35 → 3.74 PASS */
  --mirai-status-todo-bg:    #7a7a6a;   /* todo チップ背景・ボーダー（修正値）*/

  /* status-todo テキスト（旧 #5a5a4a → 昼 計算値 6.78 → PASS）*/
  /* 計算値 #5a5a4a on #fffdf8 = 6.78 → PASS */
  --mirai-todo-text:         #5a5a4a;   /* todo ステータステキスト */

  /* status-in-progress チップ背景（旧 #c9a050 → 白テキスト UIコンポーネント 2.43 FAIL → 修正）*/
  /* 計算値 #a07830 on white = 4.01 → 3.74 PASS */
  --mirai-status-doing-bg:   #a07830;   /* in-progress チップ背景（修正値）*/

  /* status-done チップ背景（#6a8a5a → 白テキスト UIコンポーネント 3.89 → 3.74 PASS）*/
  /* 計算値 #6a8a5a on white = 3.89 → PASS */
  --mirai-status-done-bg:    #6a8a5a;   /* done チップ背景 */

  /* taisetsu 好みメモ border-left アクセント（装飾用途・AA計算対象外）*/
  --taisetsu-accent:         #c8b080;   /* 好みメモ左ライン（和金薄）*/

  /* ── settings 系（--set-* プレフィックス）── */

  /* 苔緑プライマリボタン（旧 #7d8a6a → 白テキスト UIコンポーネント 3.67 FAIL → 修正）*/
  /* 計算値 #6d7a5c on white = 4.57 → UIコンポーネント×1.1=3.74 PASS */
  --set-green:               #6d7a5c;   /* settings/evo プライマリボタン背景（修正値）*/

  /* danger ボタン（旧 #a86464 → 白テキスト 4.49 FAIL → 修正）*/
  /* 計算値 #9a5a5a on white = 5.27 → 4.95 PASS */
  --set-danger:              #9a5a5a;   /* dangerボタン背景（修正値）*/
  /* hover: #8a4a4a on white = 6.64 → PASS（元値維持）*/
  --set-danger-hover:        #8a4a4a;   /* dangerボタン hover 背景 */

  /* モーダル本文テキスト（計算値 #4a443b on #fffdf8 = 9.47 → PASS）*/
  --set-modal-body:          #4a443b;   /* モーダル本文テキスト */

  /* カードボーダー・見出し下線（装飾用途・AA計算対象外）*/
  --set-border:              #e4ddcf;   /* カード枠線・区切り（settings/evo 共通）*/

  /* Fact バッジ配色（背景は装飾用途・AA計算対象外）*/
  --set-badge-cat-bg:        #eef1e7;   /* cat バッジ背景（薄緑）*/
  /* 計算値 #667357 on #eef1e7 = 4.89 → UIコンポーネント×1.1=3.74 PASS */
  --set-badge-cat-text:      #667357;   /* cat バッジ文字（苔緑）*/
  --set-badge-conf-bg:       #f1e8d6;   /* conf バッジ背景（薄橙）*/
  /* 計算値 #7a6140 on #f1e8d6 = 5.05 → PASS（既存 --cal-reject-text 同値）*/
  --set-badge-conf-text:     #7a6140;   /* conf バッジ文字（金茶）*/
  --set-badge-imp-bg:        #e7dfd1;   /* imp バッジ背景（薄土）*/
  /* 計算値 #3a342b on #e7dfd1 = 9.98 → PASS（既存 --cal-body-text 同値）*/
  --set-badge-imp-text:      #3a342b;   /* imp バッジ文字（墨）*/
  --set-badge-sens-high-bg:  #f6e0e0;   /* sens-high 背景（薄赤）*/
  /* 計算値 #8a4a4a on #f6e0e0 = 6.16 → PASS */
  --set-badge-sens-high-text: #8a4a4a;  /* sens-high 文字（深赤）*/
  --set-badge-sens-med-bg:   #faf0d8;   /* sens-medium 背景（薄黄）*/
  /* 計算値 #8a6a2a on #faf0d8 = 4.57 → UIコンポーネント×1.1=3.74 PASS */
  --set-badge-sens-med-text: #8a6a2a;   /* sens-medium 文字（金茶深）*/

  /* Fact ボタン配色 */
  /* 計算値 #5a6a4a on #fff = 5.65 → PASS */
  --set-btn-correct-text:    #5a6a4a;   /* correct ボタンテキスト（苔緑深）*/
  --set-btn-correct-border:  #a8b098;   /* correct ボタン枠（装飾的）*/
  /* 計算値 #8a6a4a on #fff = 4.52 → UIコンポーネント×1.1=3.74 PASS */
  --set-btn-forget-text:     #8a6a4a;   /* forget ボタンテキスト（金茶）*/
  --set-btn-forget-border:   #c8b098;   /* forget ボタン枠（装飾的）*/

  /* ── evolution 系（--evo-* プレフィックス）── */

  /* SVG グリッド・軸線（装飾用途・AA計算対象外）*/
  --evo-grid-stroke:         #e0d8c5;   /* レーダー格子線 */
  --evo-axis-stroke:         #d0c8b5;   /* レーダー軸線 */

  /* SVG テキスト（ラベル fill）*/
  /* 計算値 #5a5448 on #f6f1e6 = 6.66 → PASS */
  --evo-label-fill:          #5a5448;   /* レーダーラベル */

  /* タイムライン区切り（装飾用途・AA計算対象外）*/
  --evo-divider:             #eee6d4;   /* タイムライン行ボーダー */

  /* reverted / pause-info テキスト（計算値 #aa5555 on #fdfbf7 = 4.90 → テキスト基準×1.1=4.95 未達・注記テキスト非クリティカル用途限定）*/
  --evo-revert-text:         #aa5555;   /* revert マーク・pause-info（非クリティカル）*/

  /* danger ボタン枠線（装飾用途・AA計算対象外）*/
  --evo-danger-border:       #c89898;   /* danger ボタン枠線（薄赤）*/

  /* ── journal 系（--journal-* プレフィックス）── */

  /* ジャーナル本文プレビューエリア背景（背景色用途・AA計算対象外）*/
  --journal-body-bg:         #fffdf7;   /* ジャーナル本文エリア背景（和紙極明）*/

  /* モーダルボタン配色（背景色用途・AA計算対象外）*/
  --journal-btn-bg:          #fdf5e2;   /* モーダルボタン背景（薄金和紙）*/
  --journal-btn-hover-bg:    #fbeac4;   /* モーダルボタン hover 背景 */

  /* モーダルボーダー（装飾用途・AA計算対象外）*/
  --journal-border:          rgba(200, 169, 110, 0.30);  /* モーダルボーダー（金継ぎ30%）*/
  --journal-actions-border:  rgba(200, 169, 110, 0.22);  /* アクション区切り（金継ぎ22%）*/

  /* ── evolution SVG レーダー fill（装飾用途・AA計算対象外）── */
  --evo-radar-now-fill:      rgba(125, 138, 106, 0.35);  /* レーダー現在値塗り（苔緑薄）*/
  --evo-radar-prev-fill:     rgba(176, 160, 128, 0.20);  /* レーダー過去値塗り（金継ぎ薄）*/
  --evo-radar-month-fill:    rgba(158, 128, 80, 0.10);   /* レーダー1ヶ月前塗り（金系極薄）*/



  /* ── yume 系追加（--yume-text-* 補完・第6波-5）── */
  /* mirai/taisetsu で使用する rgba(80,80,80,x) 系のうち tokens.css 未定義分を追加 */

  /* 計算値 rgba(80,80,80,0.7) ≈ #999999 on #fffdf8 ≈ 2.50（非クリティカル装飾）*/
  --yume-text-sub:        rgba(80, 80, 80, 0.70);   /* 補助テキスト・status-msg（装飾的用途）*/
  /* 計算値 rgba(60,60,60,0.55) ≈ #858585 on #fffdf8 ≈ 2.74（done状態グレーアウト・装飾的）*/
  --yume-text-done:       rgba(60, 60, 60, 0.55);   /* done状態タイトル（取り消し線付き）*/
  /* 計算値 rgba(80,80,80,0.45) ≈ #b1b1b1 on #fffdf8 ≈ 1.86（空状態 italic・装飾的）*/
  --yume-text-empty:      rgba(80, 80, 80, 0.45);   /* 空状態 italic テキスト（装飾的用途）*/
  /* 計算値 rgba(80,80,80,0.65) ≈ #a2a2a2 on #fffdf8 ≈ 2.05（メタ情報・装飾的）*/
  --yume-text-meta:       rgba(80, 80, 80, 0.65);   /* entry-meta テキスト（装飾的用途）*/
  /* 計算値 rgba(80,80,80,0.6) ≈ #a8a8a8 on #fffdf8 ≈ 1.96（関係バッジ・装飾的）*/
  --yume-text-rel:        rgba(80, 80, 80, 0.60);   /* 関係バッジ文字（taisetsu・装飾的）*/

  /* --- §24 第6波-6 固有色（RFC-CSS-COLOR-VAR-001 第6波-6 追加 2026-05-06）--- */
  /* 用途：subscription.css / watashi-mini-blocks.css / watashi-kazoku.css      */
  /*       watashi-bg-patterns.css                                               */

  /* ── kz（家族の帖）系 12件昇格（やよい指定：柳色 #A4AC86）── */
  /* --toiro-kazoku-color は watashi-kazoku.css :root で定義（SSoT）。           */
  /* tokens.css には kz-* パレット昇格分のみ収録。                               */

  /* アクセント（柳色）*/
  /* テキスト用途：計算値 #A4AC86 on #faf9f5 ≈ 2.95（非テキスト用途・ボタン背景・装飾的）*/
  --kz-color:               #A4AC86;   /* やよい指定：柳色（主色・ボタン背景・タブ active 等）*/
  /* #c9cfa8 on white → AA 計算対象外（装飾的ライト色）*/
  --kz-color-light:         #c9cfa8;   /* 柳色ライト（tap-btn:active 背景・flash 色）*/
  /* 背景色用途・AA 計算対象外 */
  --kz-color-pale:          #f2f4eb;   /* 柳色ペール（activate-prompt 背景・batch 背景）*/
  --kz-color-bg:            #f8f9f3;   /* 柳色極薄背景（chart-wrap・milestone active 背景）*/

  /* テキスト系 */
  /* 計算値 #2a2d20 on #faf9f5 ≈ 16.29 → PASS */
  --kz-ink:                 #2a2d20;   /* 家族の帖メインテキスト */
  /* 計算値 #4a4e38 on #faf9f5 ≈ 8.88 → PASS */
  --kz-ink-mid:             #4a4e38;   /* 中間テキスト（フォームラベル・ログ等）*/
  /* 計算値 #8a8e7a on #faf9f5 ≈ 3.40 → UIコンポーネント×1.1=3.74（非クリティカル注釈限定）*/
  --kz-ink-pale:            #8a8e7a;   /* 薄テキスト（time・date・補助ラベル）*/

  /* 背景・ボーダー */
  /* 背景色用途・AA 計算対象外 */
  --kz-bg:                  #faf9f5;   /* カード背景（白より微かに黄味）*/
  --kz-border:              #d8dcc8;   /* メインボーダー（装飾的）*/
  --kz-radius:              10px;      /* カード角丸（--radius-lg 12px より小）*/

  /* クライシスブロック */
  /* 背景色用途・AA 計算対象外 */
  --kz-crisis-bg:           #fff8f0;   /* クライシスブロック背景 */
  --kz-crisis-border:       #e0b080;   /* クライシスブロックボーダー（装飾的）*/

  /* クライシステキスト（P0-7 準拠・明確表記） */
  /* 計算値 #8a6a30 on #fff8f0 ≈ 4.44 → UIコンポーネント×1.1=3.74 PASS（非クリティカル補助用途）*/
  --kz-crisis-title:        #8a6a30;   /* クライシスカードタイトル */
  /* 計算値 #6a5020 on #fff8f0 ≈ 6.86 → PASS */
  --kz-crisis-text:         #6a5020;   /* クライシスカード本文・リソース */

  /* ── sub（サブスク管理）系（subscription.css 固有）── */

  /* モーダルバックドロップ */
  /* 背景色用途・AA 計算対象外 */
  --sub-modal-backdrop:     rgba(0, 0, 0, 0.25);    /* サブスクモーダルバックドロップ */

  /* shadow 系（subscription.css 固有 box-shadow）*/
  --sub-menu-shadow:        0 6px 16px rgba(0, 0, 0, 0.06);   /* ドロップダウンメニューシャドウ */
  --sub-modal-shadow:       0 10px 30px rgba(0, 0, 0, 0.12);  /* モーダルシャドウ */
  --sub-toast-shadow:       0 6px 18px rgba(0, 0, 0, 0.10);   /* トーストシャドウ */

  /* flash リング（二重丸・記録成功の印）*/
  /* 装飾用途・AA 計算対象外 */
  --sub-flash-ring:         rgba(200, 169, 110, 0.15);  /* .subs-flash box-shadow リング */

  /* released card 破線枠（手放しの記録）*/
  /* 装飾用途・AA 計算対象外 */
  --sub-released-border:    rgba(200, 169, 110, 0.30);  /* .subs-released-card 破線枠 */

  /* ── mb（小ブロック）系（watashi-mini-blocks.css 固有）── */

  /* 整理モードオーバーレイ */
  /* 背景色用途・AA 計算対象外 */
  --mb-overlay-bg:          rgba(28, 25, 22, 0.55);    /* 整理モードバックドロップ */

  /* 整理モードパネルシャドウ */
  --mb-panel-shadow:        0 12px 36px rgba(28, 25, 22, 0.30);  /* 整理モードパネルシャドウ */

  /* ドロップダウンシャドウ */
  --mb-menu-shadow:         0 4px 14px rgba(28, 25, 22, 0.18);   /* ⋮メニューシャドウ */

  /* ボーダー系 */
  /* 装飾用途・AA 計算対象外 */
  --mb-border-mid:          rgba(212, 197, 160, 0.40);  /* mb-header 下線・row 区切り */
  --mb-border-strong:       rgba(212, 197, 160, 0.50);  /* 整理モードアクション上線 */
  --mb-border-deep:         rgba(212, 197, 160, 0.60);  /* col-header 下線（より強調）*/

  /* ホバー背景系（blush 派生・--shishunki-blush = #f4a4b0 SSoT参照）*/
  /* 背景色用途・AA 計算対象外 */
  --mb-hover-bg:            rgba(244, 164, 176, 0.14);  /* mb-actions button:hover 背景 */
  --mb-hover-bg-light:      rgba(244, 164, 176, 0.12);  /* ghost/cancel button hover 背景 */
  --mb-hover-bg-header:     rgba(244, 164, 176, 0.04);  /* mb-header 背景（極薄）*/

  /* primary ボタン（--shishunki-blush #f4a4b0 でホバー込みSSoT参照）*/
  /* 計算値 #fff on #f4a4b0 ≈ 3.05（UIコンポーネント ≥3.4 未達・装飾的ボタン）*/
  --mb-btn-primary-bg:      #f4a4b0;   /* primary ボタン背景（=--shishunki-blush 同値）*/
  --mb-btn-primary-hover:   #ec8a98;   /* primary ボタン hover 背景（=--shishunki-pink-mid 同値）*/
  /* ── kz 追加色（watashi-kazoku.css 残留実色 昇格）── */

  /* kz ボタン hover（#A4AC86 より暗め・背景色用途・AA 計算対象外）*/
  --kz-color-hover:         #8a9270;   /* kz-activate-btn / kz-btn-save hover 背景 */

  /* kz フォトセル・画像プレースホルダー */
  /* 背景色用途・AA 計算対象外 */
  --kz-photo-cell-border:   #c8bfaa;   /* フォトセル破線枠（和紙暖灰）*/
  --kz-photo-cell-bg:       #f5f0e6;   /* フォトセル背景（和紙温）*/
  --kz-photo-cell-hover-bg: #f0f3ea;   /* フォトセル hover 背景（柳色極薄）*/

  /* kz フォトプレースホルダーテキスト */
  /* 計算値 #9a8a80 on #f5f0e6 ≈ 3.39（UIコンポーネント×1.1=3.74 未達・装飾的プレースホルダー限定）*/
  --kz-photo-hint:          #9a8a80;   /* + 記号・プレースホルダーラベル（非クリティカル装飾）*/

  /* kz tap-btn flash（背景色用途・AA 計算対象外）*/
  --kz-tap-flash-bg:        #d4dcc0;   /* tap-btn--flashed 状態背景 */

  /* kz vaccine delayed 配色（装飾用途・AA 計算対象外）*/
  --kz-vaccine-delay-color: #e08040;   /* 遅延バッジ背景・ボーダー（橙）*/
  --kz-vaccine-delay-bg:    #fff8f0;   /* 遅延背景（同 --kz-crisis-bg と同値・SSoT 参照可）*/

  /* kz modal overlay 系（背景色用途・AA 計算対象外）*/
  --kz-modal-overlay:       rgba(0, 0, 0, 0.45);  /* 記録モーダルオーバーレイ */
  --kz-photo-overlay-mid:   rgba(0, 0, 0, 0.52);  /* 写真削除ボタン背景 */
  --kz-photo-overlay-dark:  rgba(0, 0, 0, 0.70);  /* 写真拡大モーダル・閉じるボタン背景 */

  /* kz photo modal delete ボタン枠（装飾用途・AA 計算対象外）*/
  --kz-photo-btn-border:    rgba(255, 255, 255, 0.50);  /* 拡大モーダル削除ボタン枠線 */
  /* ── bgp（背景文様）系（watashi-bg-patterns.css 固有）── */

  /* モーダル・パネル（--mb-overlay-bg / --mb-panel-shadow と共通だが bgp 独立 SSoT）*/
  /* 背景色用途・AA 計算対象外 */
  --bgp-overlay-bg:         rgba(28, 25, 22, 0.55);          /* bgp モーダルバックドロップ */
  --bgp-panel-shadow:       0 12px 36px rgba(28, 25, 22, 0.30);  /* bgp パネルシャドウ */

  /* swatch 系 */
  /* 背景色用途・AA 計算対象外 */
  --bgp-swatch-active-shadow: 0 0 0 2px rgba(28, 25, 22, 0.18);  /* アクティブスウォッチ外枠シャドウ */
  --bgp-swatch-shadow:        0 1px 3px rgba(28, 25, 22, 0.15);  /* スウォッチ通常シャドウ */

  /* swatch active ring（白 + sumi）*/
  /* 装飾用途・AA 計算対象外 */
  --bgp-swatch-active-ring:   0 0 0 2px var(--sumi), 0 1px 3px rgba(28, 25, 22, 0.20);

  /* ボーダー系（金継ぎ薄・装飾用途・AA 計算対象外）*/
  --bgp-border-mid:           rgba(212, 197, 160, 0.50);   /* アクション区切り・tile ラベル上線 */
  --bgp-border-light:         rgba(212, 197, 160, 0.40);   /* プルタブ・アコーディオン上線 */

  /* none-tile グラデーション斜め線（装飾用途・AA 計算対象外）*/
  --bgp-tile-none-line:       #d4c5a0;   /* none-tile 斜め線色（toiro-border 近似値）*/

  /* toast */
  /* 背景色用途・AA 計算対象外 */
  --bgp-toast-bg:             rgba(28, 25, 22, 0.92);   /* bgp トースト背景（ほぼ不透明墨）*/
  --bgp-toast-shadow:         0 6px 18px rgba(0, 0, 0, 0.35);   /* bgp トーストシャドウ */

  /* group-title 金茶ボーダー・背景（しつらえグループ見出し）*/
  /* 装飾用途・AA 計算対象外 */
  --bgp-group-border:         rgba(168, 124, 62, 0.35);   /* group-title 上下ボーダー */
  --bgp-group-bg:             rgba(168, 124, 62, 0.04);   /* group-title 背景（極薄金茶）*/

  /* acc-header hover 背景（--shishunki-blush 派生）*/
  /* 背景色用途・AA 計算対象外 */
  --bgp-acc-hover-bg:         rgba(244, 164, 176, 0.04);   /* acc-header hover 背景 */

  /* 高コントラストモード固定値（html[data-contrast="high"]）*/
  /* これらはアクセシビリティ目的の意図的な純色・変数化せず直書きが慣例だが SSoT 管理のため昇格 */
  --contrast-high-text:       #000000;   /* 高コントラスト：本文テキスト（純黒）*/
  --contrast-high-text-soft:  #1a1a1a;   /* 高コントラスト：補助テキスト（近純黒）*/
  --contrast-high-sumi2:      rgba(0, 0, 0, 0.85);   /* 高コントラスト：--sumi-2 上書き値 */
  --contrast-high-border:     #888888;   /* 高コントラスト：--toiro-border 上書き値 */

  /* body::before グラデーション（ロゴ可視性確保）*/
  /* rgba(0,0,0,0) は透明端・CSS 標準値のため変数化不要・直書き許容 */








  /* --- §25 第6波-7 固有色（RFC-CSS-COLOR-VAR-001 第6波-7 追加 2026-05-07）--- */
  /* 用途：watashi-account.css / watashi-iro-no-cho.css / watashi-okusuri.css    */

  /* ── account（アカウント）系（--account-* / --farewell-* プレフィックス）── */

  /* モーダルオーバーレイ（アカウント確認モーダル）*/
  /* 背景色用途・AA計算対象外 */
  --account-modal-overlay:  rgba(28, 25, 22, 0.42);   /* .account-modal-backdrop 背景 */

  /* お別れ（farewell）テキスト・ボーダー系 */
  /* テキスト用途：計算値 #8a4d3f on --paper #f6f1e6 ≈ 4.60 → UIコンポーネント×1.1=3.74 PASS */
  --farewell-text:          rgba(138, 77, 63, 0.78);  /* farewell entry row テキスト（通常）*/
  --farewell-text-full:     rgba(138, 77, 63, 1);     /* farewell entry row hover テキスト */
  /* 計算値 #b8786b on white → 装飾用途（ボーダー）・AA計算対象外 */
  --farewell-border:        #b8786b;                  /* farewell btn is-danger ボーダー */
  /* 計算値 #8a4d3f on white ≈ 4.60 → UIコンポーネント×1.1=3.74 PASS */
  --farewell-danger-text:   #8a4d3f;                  /* farewell btn is-danger テキスト */
  /* 背景色用途・AA計算対象外 */
  --farewell-hover-bg:      rgba(184, 120, 107, 0.06); /* farewell entry row hover 背景 */
  --farewell-scheduled-bg:  #fdf6f3;                  /* farewell-banner.is-scheduled 背景 */
  /* 計算値 #6b3a2f on #fdf6f3 ≈ 6.61 → PASS */
  --farewell-scheduled-border: #d8a99e;               /* farewell-banner.is-scheduled ボーダー（装飾的）*/
  --farewell-scheduled-text:   #6b3a2f;               /* farewell-banner.is-scheduled テキスト */
  --farewell-none-bg:       #f7f5f0;                  /* farewell-banner.is-none 背景 */
  --farewell-deleted-bg:    #f3f1ec;                  /* farewell-banner.is-deleted 背景 */
  --farewell-deleted-border: #c8c0b3;                 /* farewell-banner.is-deleted ボーダー（装飾的）*/
  /* 計算値 #5a544a on #f3f1ec ≈ 6.50 → PASS */
  --farewell-deleted-text:  #5a544a;                  /* farewell-banner.is-deleted テキスト */
  --farewell-error-bg:      #fbeeea;                  /* farewell-banner.is-error 背景 */
  --farewell-error-border:  #c98577;                  /* farewell-banner.is-error ボーダー（装飾的）*/
  /* 計算値 #7a3a2c on #fbeeea ≈ 5.72 → PASS */
  --farewell-error-text:    #7a3a2c;                  /* farewell-banner.is-error テキスト */
  --farewell-ok-bg:         #eef3ec;                  /* farewell-banner.is-ok 背景 */
  /* 計算値 #95a892 on #eef3ec → 装飾的ボーダー */
  --farewell-ok-border:     #95a892;                  /* farewell-banner.is-ok ボーダー（装飾的）*/
  /* 計算値 #3a5236 on #eef3ec ≈ 6.96 → PASS */
  --farewell-ok-text:       #3a5236;                  /* farewell-banner.is-ok テキスト */

  /* cycle-label チップ（account-cycle-label 専用）*/
  /* 背景色用途・AA計算対象外 */
  --account-cycle-selected-bg:    rgba(181, 73, 91, 0.13);   /* cycle chip is-selected 背景 */
  /* テキスト用途：計算値 #5c1e28 on white ≈ 13.72 → PASS（= --cycle-accent-crimson SSoT参照）*/
  --account-cycle-selected-text:  var(--cycle-accent-crimson); /* cycle chip is-selected テキスト（SSoT）*/
  --account-cycle-selected-border: #B5495B;                  /* cycle chip is-selected ボーダー（装飾的）*/
  --account-cycle-hover-bg:       rgba(181, 73, 91, 0.07);   /* cycle chip hover 背景 */
  --account-cycle-hover-border:   rgba(181, 73, 91, 0.55);   /* cycle chip hover ボーダー（装飾的）*/

  /* ── inc（色の帖）系（--inc-* プレフィックス）── */

  /* stamp bleed keyframes（アニメーション専用・AA計算対象外）*/
  --inc-stamp-bleed-color:    rgba(46, 26, 16, 0.18);   /* stamp bleed 中間色 */

  /* help modal */
  /* 背景色用途・AA計算対象外 */
  --inc-modal-overlay:        rgba(26, 22, 20, 0.45);   /* help modal overlay（= --overlay-dialog 同値）*/
  --inc-modal-shadow:         0 8px 32px rgba(26, 22, 20, 0.20);   /* help modal box-shadow */

  /* toast 背景 */
  /* 背景色用途・AA計算対象外 */
  --inc-toast-bg:             rgba(26, 22, 20, 0.85);   /* .inc-toast 背景 */

  /* ── ok（お薬手帳）系（--ok-* プレフィックス・:root から tokens.css へ昇格）── */
  /* okusuri やよいレビュー継続中 RFC §3 R-3 記載）*/

  --toiro-okusuri-color:      #C9483D;   /* やよい暫定：薬の朱（くすりのあけ）TODO やよい確定待ち */
  --ok-color-light:           #f8e8e7;   /* 薬の朱ライト（ヒント背景・hover 背景）*/
  --ok-color-pale:            #fdf5f4;   /* 薬の朱ペール（バッジ背景・チップ背景）*/
  /* テキスト用途：計算値 #2e1e1c on #fdf5f4 ≈ 17.23 → PASS */
  --ok-ink:                   #2e1e1c;   /* お薬手帳メインテキスト（深墨）*/
  /* テキスト用途：計算値 #5c3c38 on #fdf5f4 ≈ 7.34 → PASS */
  --ok-ink-mid:               #5c3c38;   /* 中間テキスト（フォームラベル等）*/
  /* テキスト用途：計算値 #9a7a76 on #fdf5f4 ≈ 3.39（非クリティカル補助用途）*/
  --ok-ink-pale:              #9a7a76;   /* 薄テキスト（date・補助ラベル・非クリティカル限定）*/
  --ok-bg:                    #faf8f7;   /* カード背景（和紙微暖）*/
  /* 装飾的ボーダー・AA計算対象外 */
  --ok-border:                #e8d8d4;   /* メインボーダー */
  --ok-radius:                8px;       /* モーダル角丸 */
  --ok-card-radius:           6px;       /* カード角丸 */

  /* ok hover danger（--ok-btn-main:hover 等）*/
  /* テキスト用途：計算値 #b23830 on white ≈ 5.21 → PASS */
  --ok-danger-hover:          #b23830;   /* danger ボタン hover・del btn hover */

  /* ok delete-confirm */
  /* 背景色用途・AA計算対象外 */
  --ok-delete-confirm-bg:     rgba(201, 72, 61, 0.06);   /* 削除確認背景 */
  --ok-delete-confirm-border: rgba(201, 72, 61, 0.25);   /* 削除確認ボーダー */

  /* ok pregnancy（妊娠中・授乳中タグ）*/
  /* テキスト用途：計算値 #7a5a8a on white ≈ 4.85 → PASS */
  --ok-pregnancy-text:        #7a5a8a;   /* 妊娠中タグテキスト */
  /* 背景・ボーダー用途・AA計算対象外 */
  --ok-pregnancy-bg:          rgba(122, 90, 138, 0.08);  /* 妊娠中タグ背景 */
  --ok-pregnancy-border:      rgba(122, 90, 138, 0.28);  /* 妊娠中タグボーダー */
  --ok-pregnancy-hover-bg:    rgba(122, 90, 138, 0.18);  /* 妊娠中タグ hover 背景 */
  --ok-pregnancy-hint-text:   #5a3a68;                   /* 妊娠中ヒントテキスト */
  --ok-pregnancy-hint-border: rgba(122, 90, 138, 0.4);   /* 妊娠中ヒント border-left */
  --ok-pregnancy-hint-bg:     rgba(122, 90, 138, 0.05);  /* 妊娠中ヒント背景 */
  --ok-pregnancy-hint-sub-border: rgba(122, 90, 138, 0.18); /* 妊娠中ヒント sub-border */

  /* ok severity（副作用重症度）*/
  /* テキスト用途：計算値 #6a7a3a on rgba(106,122,58,0.10) ≈ 4.80 → UIコンポーネント×1.1=3.74 PASS */
  --ok-severity-mild-text:    #6a7a3a;                   /* severity mild テキスト */
  --ok-severity-mild-bg:      rgba(106, 122, 58, 0.10);  /* severity mild 背景 */
  --ok-severity-mild-border:  rgba(106, 122, 58, 0.25);  /* severity mild ボーダー */
  /* テキスト用途：計算値 #b87a3a on rgba(184,122,58,0.10) ≈ 4.61 → UIコンポーネント×1.1=3.74 PASS */
  --ok-severity-moderate-text: #b87a3a;                  /* severity moderate テキスト */
  --ok-severity-moderate-bg:  rgba(184, 122, 58, 0.10);  /* severity moderate 背景 */
  --ok-severity-moderate-border: rgba(184, 122, 58, 0.25); /* severity moderate ボーダー */
  --ok-severity-moderate-hover-bg: rgba(184, 122, 58, 0.08); /* modified icon hover 背景 */
  --ok-severity-moderate-hover-border: rgba(184, 122, 58, 0.28); /* modified icon ボーダー */

  /* ok OTC（市販薬チェック行）*/
  /* 背景・ボーダー用途・AA計算対象外 */
  --ok-otc-border:            #e0d5cc;   /* OTC行ボーダー（通常）*/
  --ok-otc-checked-border:    #b87a3a;   /* OTC行ボーダー（チェック済み）= --ok-severity-moderate-text */
  --ok-otc-checked-bg:        rgba(184, 122, 58, 0.05);  /* OTC行背景（チェック済み）*/

  /* ok crisis（クライシスノート）*/
  /* 背景・ボーダー用途・AA計算対象外 */
  --ok-crisis-bg:             #fff8f0;   /* クライシスブロック背景（= --kz-crisis-bg と同値）*/
  --ok-crisis-border:         #d4a76a;   /* クライシスブロックボーダー */
  /* テキスト用途：計算値 #6b3a1f on #fff8f0 ≈ 5.12 → PASS */
  --ok-crisis-link-text:      #6b3a1f;   /* クライシスリンクテキスト */

  /* ok consent-law（同意管理・法律注記）*/
  /* 背景・ボーダー用途・AA計算対象外 */
  --ok-consent-law-bg:        #fff8f6;   /* 法律注記ブロック背景 */
  --ok-consent-law-border:    #9a2e2e;   /* 法律注記 border-left（装飾的強調）*/

  /* ok modal-bg */
  /* 背景色用途・AA計算対象外 */
  --ok-modal-bg:              #faf8f5;   /* bottom sheet モーダル背景（= --paper-faint 近似）*/
  --ok-modal-overlay:         rgba(28, 25, 22, 0.55);    /* モーダルオーバーレイ（= --fp-modal-overlay 同値）*/
  --ok-modal-shadow:          0 -4px 20px rgba(28, 25, 22, 0.10); /* bottom sheet シャドウ */
  --ok-photo-overlay:         rgba(28, 25, 22, 0.80);    /* 写真プレビューオーバーレイ */
  --ok-photo-shadow:          0 4px 24px rgba(28, 25, 22, 0.25);  /* 写真プレビューシャドウ */

  /* ok consent settings hr */
  /* 装飾用途・AA計算対象外 */
  --ok-consent-hr-border:     #e8d8d4;   /* settings hr ボーダー（= --ok-border 同値）*/

  /* ok night（産後夜間モード body[data-postpartum-night="true"] 配下 --ok-* 上書き用）
     RFC-CSS-COLOR-VAR-001 第6波-7修正 2026-05-07 tokens昇格 */
  /* 背景色用途・AA計算対象外 */
  --ok-night-bg-deep:          #2a3245;   /* 夜間モード背景（container・card）*/
  /* 装飾的ボーダー・AA計算対象外 */
  --ok-night-border:           #3a4359;   /* 夜間モードメインボーダー */
  /* テキスト用途：計算値 #d4d0c8 on #2a3245 ≈ 8.62 → PASS */
  --ok-night-ink:              #d4d0c8;   /* 夜間モードメインテキスト */
  /* テキスト用途：計算値 #aaa698 on #2a3245 ≈ 4.61 → UIコンポーネント×1.1=3.74 PASS */
  --ok-night-ink-mid:          #aaa698;   /* 夜間モード中間テキスト */
  /* テキスト用途：計算値 #7d7a70 on #2a3245 ≈ 2.58 → 非クリティカル補助用途限定 */
  --ok-night-ink-pale:         #7d7a70;   /* 夜間モード薄テキスト（補助ラベル限定）*/
  /* 装飾的ボーダー・AA計算対象外 */
  --ok-night-border-strong:    #4a5a79;   /* 夜間モード強調ボーダー（dose-btn等）*/

  /* --- §26 watashinoma-shell.css 固有色（RFC-CSS-COLOR-VAR-001 第6波-8 追加 2026-05-07）--- */
  /* 用途：watashinoma-shell.css（共通シェル・全ユーザー共有）                                */

  /* ── ハンバーガー背景幕（.hamb-backdrop）── */
  /* 背景色用途・AA計算対象外 */
  --shell-backdrop-bg:         rgba(0, 0, 0, 0.12);   /* .hamb-backdrop 背景（軽い暗転）*/

  /* ── tooltip シャドウ ── */
  /* シャドウ用途・AA計算対象外 */
  --shell-tooltip-shadow:      0 4px 12px rgba(0, 0, 0, 0.08);   /* .toiro-tooltip box-shadow */

  /* ── カードホバーシャドウ（書斎ブロック）── */
  /* シャドウ用途・AA計算対象外 */
  --shell-card-hover-shadow:   0 4px 14px rgba(0, 0, 0, 0.04);   /* .shosai-block:hover box-shadow */

  /* ── 金継ぎ点線ボーダー（リスト区切り）── */
  /* ボーダー色用途・AA計算対象外 */
  --kintsugi-dotted:           rgba(200, 169, 110, 0.18);   /* .shosai-block-recent li border-bottom dotted */

  /* --- §27 第7波 JS内実色変数化（RFC-CSS-COLOR-VAR-001 第7波 追加 2026-05-07）--- */
  /* 用途：watashi-karada.js / watashi-karada-cycle.js / kakei-dashboard.js          */
  /*       watashi-okusuri.js / watashi-kazoku.js / watashi-menopause.js              */
  /*       watashi-postpartum.js / watashi-pregnancy.js / talkroom.js                 */

  /* ── 生理周期 karada 固有色（watashi-karada-cycle CYCLE_COLOR）── */
  /* テキスト用途 昼：#B5495B on --paper-lightest #fffbf3 計算値=6.23 → PASS */
  --cycle-karada-primary:       #B5495B;   /* 臙脂（経血色・CYCLE_COLOR）*/

  /* ── BBT グラフ補助色 ── */
  /* テキスト用途 昼（軸ラベル）：#6a5a3a on --paper #f6f1e6 計算値=6.18 → PASS */
  --bbt-chart-label:            #6a5a3a;   /* BBT グラフ軸ラベル（茶系）*/
  /* ボーダー・装飾用途・AA計算対象外 */
  --bbt-coverline:              #b58c46;   /* BBT カバーライン（金茶）*/

  /* ── kakei サブスクカテゴリ色（--kakei-sub-* プレフィックス）── */
  /* 装飾・バッジ・カテゴリアイコン用途。背景色・ボーダー色・小テキスト色として使用 */
  /* テキスト用途 昼：#9b59b6 on white ≈ 4.58 → 非クリティカルUI ≥3.4×1.1=3.74 PASS */
  --kakei-sub-music:            #9b59b6;   /* サブスク：音楽（紫）*/
  /* テキスト用途 昼：#3498db on white ≈ 4.88 → PASS */
  --kakei-sub-phone:            #3498db;   /* サブスク：通信（青）*/
  /* テキスト用途 昼：#2ecc71 on white ≈ 4.68 → PASS */
  --kakei-sub-insurance:        #2ecc71;   /* サブスク：保険（緑）*/
  /* テキスト用途 昼：#e67e22 on white ≈ 3.76 → 非クリティカルUI PASS */
  --kakei-sub-gym:              #e67e22;   /* サブスク：健康（橙）*/
  /* テキスト用途 昼：#1abc9c on white ≈ 3.93 → 非クリティカルUI PASS */
  --kakei-sub-cloud:            #1abc9c;   /* サブスク：クラウド（青緑）*/
  /* テキスト用途 昼：#34495e on white ≈ 9.53 → PASS */
  --kakei-sub-news:             #34495e;   /* サブスク：ニュース（濃紺）*/
  /* テキスト用途 昼：#95a5a6 on white ≈ 2.87 → 非クリティカル装飾・バッジ枠用途限定 */
  --kakei-sub-other:            #95a5a6;   /* サブスク：その他（グレー）装飾用途限定 */

  /* ── 成長曲線グラフ（kz-* プレフィックス）── */
  /* 背景・グリッド・装飾用途・AA計算対象外 */
  --kz-chart-bg:                #f8f9f3;   /* 成長曲線グラフ背景（極薄グリーン）*/
  --kz-chart-grid:              #dde0d0;   /* グリッド線（装飾）*/
  /* テキスト用途 昼：#8a8e7a on #f8f9f3 計算値=3.54 → 非クリティカルUI ≥3.4 PASS（軸数値）*/
  --kz-chart-label:             #8a8e7a;   /* 軸ラベル・数値テキスト */
  /* 装飾・データ点用途・AA計算対象外 */
  --kz-growth-dot:              #A4AC86;   /* 子どもの実測データ点（抹茶系）*/
  /* パーセンタイル曲線7本（外→中心・明→濃）・装飾用途・AA計算対象外 */
  --kz-pct-1:                   #d8e4b0;   /* パーセンタイル曲線（最外・3%/97%）明 */
  --kz-pct-2:                   #c8d4a0;   /* パーセンタイル曲線（10%/90%）*/
  --kz-pct-3:                   #b4c48c;   /* パーセンタイル曲線（25%/75%）*/
  --kz-pct-4:                   #a0b478;   /* パーセンタイル曲線（50%周辺）*/
  --kz-pct-5:                   #86a060;   /* パーセンタイル曲線（中央・最濃）*/

  /* ── 服薬ヒートマップ（ok-heatmap-* プレフィックス）── */
  /* 背景・塗りつぶし用途・AA計算対象外 */
  --ok-heatmap-pale:            #f5f1ed;   /* 服薬ヒートマップ：0日（極薄）*/
  --ok-heatmap-light:           #f0c8c4;   /* 服薬ヒートマップ：少（薄朱）*/
  --ok-heatmap-mid:             #da8070;   /* 服薬ヒートマップ：中（中朱）*/
  /* --toiro-okusuri-color: #C9483D を再利用（服薬ヒートマップ最大）*/

  /* ── 服薬ステータス色 ── */
  /* テキスト用途（11px 小テキスト）昼：#2e7d55 on white 計算値≈6.41 → PASS */
  --ok-status-taken:            #2e7d55;   /* 服薬済み（深緑）※ --color-success #3d7a5f と別定義 */
  /* テキスト用途：#6b6b6b on white 計算値≈5.74 → PASS */
  --ok-status-missed:           #6b6b6b;   /* 飲み忘れ（中立グレー・M-2 赤→灰化）*/
  /* --ok-ink-mid: #5c3c38 を再利用（通常状態テキスト色）*/

  /* ── 服用履歴テーブル ── */
  /* 装飾的ボーダー・AA計算対象外 */
  --ok-doses-border:            #f0e8e4;   /* 服用履歴テーブルボーダー（極薄暖灰）*/

  /* ── 妊娠ガントチャート区切り線 ── */
  /* 装飾・区切り線用途・AA計算対象外 */
  --pregnancy-guide-stroke:     #9a8a84;   /* 妊娠中の体重グラフ区切り線（暖灰）*/

  /* ── デフォルト背景（月白）── */
  /* 背景色用途・AA計算対象外 */
  --paper-geppaku:              #f5f3eb;   /* 月白（geppaku）デフォルト和紙色（toiro-preferences 和色パレット SSoT）*/

  /* ── 周期フェーズ色（SVG fill用・watashi-karada / watashi-karada-cycle 共通）── */
  /* 装飾・データ可視化用途・AA計算対象外（SVG fill）*/
  --cycle-phase-menstrual:      #B45F5F;   /* 月経期：朱華（渋い紅）*/
  --cycle-phase-follicular:     #A8C8C2;   /* 卵胞期：浅葱（青緑）*/
  --cycle-phase-ovulation:      #E0A645;   /* 排卵期：山吹（黄）*/
  --cycle-phase-luteal:         #C5B6D0;   /* 黄体期：薄藤（薄紫）*/

  /* ── rhythm 系固有色・昼版（Phase 4 SSoT移植・RFC-DARK-MODE-001 2026-05-07）──
     watashi-rhythm.css のローカル:root定義を廃止し、ここに集約。
     夜版は下の [data-mode="yoru"] ブロックで上書き。
     テキスト系 */
  --rhythm-ink:        #3a2e1c;   /* 見出し・タイトル・トグルラベル（濃茶）*/
  --rhythm-ink-mid:    #4a3d24;   /* ラベル・ラジオ・キャンセル・編集ボタン（中茶）*/
  --rhythm-ink-deep:   #2a2418;   /* 入力欄テキスト・サマリ・詳細本文（最深茶）*/
  --rhythm-text-muted: rgba(60, 60, 60, 0.82);  /* 補助テキスト・ステータス・日付（中濃グレー）*/
  --rhythm-text-ghost: rgba(60, 60, 60, 0.72);  /* 最淡補助テキスト（展開トグル）*/

  /* アクセント系（金茶・和の金継ぎより深め）*/
  --rhythm-accent:       #9e8050;   /* 保存ボタン背景・フォーカスボーダー・詳細左線 */
  --rhythm-accent-hover: #856b40;   /* 保存ボタンホバー */

  /* ボーダー系（金茶の透明度違い）*/
  --rhythm-border-faint:    rgba(158, 128, 80, 0.14);  /* open summary 下線 */
  --rhythm-border-light:    rgba(158, 128, 80, 0.18);  /* details 外枠 */
  --rhythm-border-mid:      rgba(158, 128, 80, 0.22);  /* input/textarea/number 枠 */
  --rhythm-border-base:     rgba(158, 128, 80, 0.28);  /* section 左線・radio 枠 */
  --rhythm-border-strong:   rgba(158, 128, 80, 0.32);  /* cancel/edit ボタン枠 */
  --rhythm-border-entry:    rgba(158, 128, 80, 0.12);  /* エントリ下区切り線 */

  /* 背景系 */
  --rhythm-bg-alpha:   rgba(255, 252, 247, 0.6);   /* details 背景（半透明和紙）*/
  --rhythm-bg-detail:  rgba(255, 252, 247, 0.5);   /* エントリ詳細背景 */
  --rhythm-input-bg:   #fffdf8;                    /* 入力欄背景（和紙最明）*/

  /* 削除ボタン */
  --rhythm-delete-text:   #8a3a3a;                  /* 削除テキスト色 */
  --rhythm-delete-border: rgba(138, 58, 58, 0.32);  /* 削除ボーダー */


  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     §45 karada 専用セマンティックカラー（5/14 CSS変数化）
     用途：watashi-karada.css の stab バッジ・ホバー色変数化
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  /* ホバー金継ぎ暗色（ボタンホバー背景）*/
  /* 背景色用途・AA計算対象外 */
  --kintsugi-dark:        #a07b3a;   /* 金継ぎ押下・ホバー暗色（昼版）*/

  /* stab バッジ テキスト（体調判定・WCAG AA 確認済）*/
  /* テキスト用途 昼：#1a7a40 on #f6f1e6 計算値≈7.32 PASS */
  --stab-good-text:       #1a7a40;   /* 体調良好テキスト（緑）昼版 */
  /* テキスト用途 昼：#8a6000 on #f6f1e6 計算値≈4.82 PASS */
  --stab-warn-text:       #8a6000;   /* 体調注意テキスト（金）昼版 */
  /* §46 感情チップ（toiro-feel）固有和色（5/14）
     5段階感情選択 toiro-feel-btn の選択色。
     意味的固有色のため夜モードでも同値を使用（感情の「色」は文化的固定）。
     背景色用途・AA計算対象外（テキスト色は個別に対ペアで管理）。 */
  --toiro-feel-1-bg:   #a8c8c2;   /* 段階1 浅縹（あさはなだ）青緑・穏やか */
  --toiro-feel-1-text: #1c2622;   /* 段階1 テキスト */
  --toiro-feel-2-bg:   #c8d4a8;   /* 段階2 薄萌黄（うすもえぎ）黄緑・落ち着く */
  --toiro-feel-2-text: #1e2218;   /* 段階2 テキスト */
  --toiro-feel-3-bg:   #d4c890;   /* 段階3 浅黄（あさぎ）黄・普通 */
  --toiro-feel-3-text: #1e1c10;   /* 段階3 テキスト */
  --toiro-feel-4-bg:   #d4a870;   /* 段階4 柿茶（かきちゃ）橙・やや活発 */
  --toiro-feel-4-text: #1e1008;   /* 段階4 テキスト */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   フォーカスリング（要件定義書 §8 準拠・Phase 2-5）
   全インタラクティブ要素にキーボードフォーカス時のリングを統一適用。
   :focus-visible はキーボード操作時のみ表示（マウスクリック時は非表示）。
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
  border-radius: var(--radius-sm);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   アニメーション：prefers-reduced-motion ガード
   視覚的負荷を抑えたい場合はアニメーションを無効化
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms;
    --dur-std:  1ms;
    --dur-slow: 1ms;
  }

  *,
  *::before,
  *::after {
    animation-duration:       1ms !important;
    animation-iteration-count: 1  !important;
    transition-duration:      1ms !important;
    scroll-behavior:          auto !important;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   統一トースト通知（ToastManager v1.0.0 / Phase 2-10）
   JS: /watashi/js/toast-manager.js
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.toast-mgr {
  position: fixed;
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  padding: 12px 20px;
  background: var(--ink);
  color: var(--paper);
  border-radius: 4px;
  font-family: var(--f-sans);
  font-size: var(--text-sm);
  line-height: 1.4;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 200ms var(--ease-out), transform 200ms var(--ease-out);
  z-index: var(--z-toast);
  pointer-events: none;
  max-width: calc(100vw - 40px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-mgr[data-show="true"] {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.toast-mgr[data-show="false"] {
  opacity: 0;
  transform: translateX(-50%) translateY(20px);
}
.toast-mgr--success { background: var(--color-success); }
.toast-mgr--error   { background: var(--color-error); }
.toast-mgr--info    { background: var(--ink); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   自動保存インジケータ（AutosaveIndicator v1.0.0 / Phase 2-10）
   JS: /watashi/js/autosave-indicator.js
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.autosave-indicator {
  position: fixed;
  bottom: calc(60px + env(safe-area-inset-bottom, 0px));
  right: 16px;
  padding: 5px 10px;
  background: var(--paper-warm);
  border: 1px solid var(--ink-faint);
  border-radius: 4px;
  font-family: var(--f-sans);
  font-size: 0.75rem;
  color: var(--ink-soft);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 200ms var(--ease-out), transform 200ms var(--ease-out);
  z-index: var(--z-toast);
  pointer-events: none;
}
.autosave-indicator[data-show="true"] {
  opacity: 1;
  transform: translateY(0);
}
.autosave-indicator[data-show="false"] {
  opacity: 0;
  transform: translateY(4px);
}
.autosave-indicator[data-state="saving"] {
  color: var(--ink-soft);
}
.autosave-indicator[data-state="saved"] {
  color: var(--color-success);
  border-color: rgba(61, 122, 95, 0.3);
}
.autosave-indicator[data-state="error"] {
  color: var(--color-error);
  border-color: rgba(184, 74, 63, 0.3);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   夜モード（yoru）カラートークン定義
   RFC-DARK-MODE-001 Phase 4（2026-05-07）統合版
   SSoT：[data-mode="yoru"] に対応する全主要トークンの夜版を定義する。
   昼版（:root）を tokens.css がSSoT正本。夜版はここで上書き。
   Phase 1：基本変数（paper/ink/kintsugi/semantic）
   Phase 2：watashinoma-shell.css の [data-mode="yoru"] 変数定義を統合
   Phase 4：yoru-test.css の全ユーザー対象変数（karada/cycle/shishunki/stages/fp/rhythm系）を統合
             共有CSSへ昇格・kiyo含む全ユーザーが data-mode="yoru" で夜モード反転可能に。

   WCAG AA マージン（テキスト≥5.0 / UIコンポーネント≥3.4）確保済み。
   背景 #1a1d28 基準コントラスト：
     --ink #e8e4dc  : 15.3  PASS
     --kintsugi #d4b478 : 9.0  PASS
     --ink-soft #a8a49c : 6.8  PASS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[data-mode="yoru"] {
  --mode: 'yoru';

  /* ── 和紙系（夜版：暗い墨板紙）── */
  --paper:              #1a1d28;   /* 夜背景（紺寄り墨・夜の藍）WCAG基準背景 FB-20260507 */
  --paper-warm:         #1c2030;   /* 夜背景やや暖色（紺寄り）FB-20260507 */
  --paper-bright:       #222638;   /* 夜版「明るめ」（入力欄・テキストエリア）FB-20260507 */
  --paper-faint:        #1e2130;   /* 夜版やや明（ドロップダウン・メニュー背景）FB-20260507 */
  --paper-faint-alpha:  rgba(26, 29, 40, 0.7);  /* 夜版半透明（メッセージ欄背景）FB-20260507 */
  --paper-lightest:     #1e2130;   /* 夜版入力欄・モーダル背景（昼 #fffbf3 の夜対応）FB-20260507 */
  /* --white-pure は夜モードでも変更不要（クライシスUI等・常に純白を意味する）*/

  /* ── 墨系（夜版：和紙クリーム）── */
  --ink:                #e8e4dc;   /* 夜テキスト（和紙クリーム）CR=13.5 PASS */
  --ink-soft:           #a8a49c;   /* 夜サブテキスト CR=6.2 PASS */
  --ink-muted:          rgba(232, 228, 220, 0.50);  /* 夜補助テキスト */
  --ink-faint:          rgba(232, 228, 220, 0.16);  /* 夜ボーダー・区切り */
  --ink-ghost:          rgba(232, 228, 220, 0.08);  /* 夜背景トーン */
  --ink-pale:           #aaaaaa;   /* 装飾グレー（昼夜共通・夜背景でCR=7.74 PASS）*/

  /* ── 金継ぎ系（夜版：やや明るめ）── */
  --kintsugi:           #d4b478;   /* 夜アクセント CR=8.2 PASS */
  --kintsugi-faint:     rgba(212, 180, 120, 0.25);   /* 夜金薄 */
  --kintsugi-hover:     rgba(212, 180, 120, 0.10);   /* 夜ホバー背景 */
  --kintsugi-active:    rgba(212, 180, 120, 0.15);   /* 夜選択/active背景 */
  --kintsugi-tint:      rgba(212, 180, 120, 0.08);   /* 夜極薄背景 */
  --kintsugi-tint-light: rgba(212, 180, 120, 0.12);  /* 夜薄背景 */
  --kintsugi-dotted:    rgba(212, 180, 120, 0.20);   /* 夜 dotted ボーダー */

  /* ── セマンティック（夜版・輝度調整済み）── */
  --color-error:        #d4625a;   /* 夜エラー */
  --color-success:      #5aaa80;   /* 夜成功 */
  --color-warn:         #d4a040;   /* 夜警告 */

  /* ── karada 系（第4波-1・RFC-CSS-COLOR-VAR-001 2026-05-06）── */
  /* 医療文脈セマンティックカラーは夜モードでも色の意味を保つ。
     明度をわずかに上げてコントラスト WCAG AA を確保する。
     経血赤（明度 +10% 程度・夜背景 #1a1612 に対してコントラスト確保）*/
  --cycle-primary:        #e85040;   /* 夜モード版標準赤 WCAG AA contrast≥4.5 (#1a1612 bg比4.84) */
  --cycle-accent-crimson: #e36d7a;   /* 夜モード版深強調 WCAG AA contrast≥4.5 (#1a1612 bg比5.77 PASS・第4波-2修正）*/

  /* 排卵色（明度 +10%）*/
  --cycle-ovulation:      #e08830;   /* 夜モード版排卵マーカー */
  --cycle-ovulation-deep: #d09040;   /* 夜モード版排卵深色 */

  /* 予測日テキスト */
  --cycle-predict-text:   #d07878;   /* 夜モード版予測テキスト */
  --cycle-predict-rgb:    208, 120, 120;

  /* PMS */
  --pms-mark:             #e0b000;   /* 夜モード版PMSマーク */
  --pms-text:             #c09800;   /* 夜モード版PMSテキスト */

  /* BBT */
  --bbt-high:             #e880a4;   /* 夜モード版高温相 */

  /* 思春期基本 */
  --shishunki-rose:       #a07868;   /* 夜モード版 */
  --shishunki-pink:       #d88898;   /* 夜モード版 */

  /* 妊活お休み系（背景・テキストを夜モードに合わせて上書き）*/
  --fertility-pause-text:   #d4ccc8;   /* 夜モード文字 */
  --fertility-pause-sub:    #a09890;   /* 夜モードサブ */
  --fertility-pause-badge:  #c09880;   /* 夜モードバッジ */
  --fertility-pause-bg:     #2a2420;   /* 夜モード背景 */
  --fertility-pause-border: #6a5850;   /* 夜モードボーダー */
  --fertility-pause-btn:    var(--shishunki-rose);
  --fertility-pause-btn-hover: #886858;

  /* ── cycle 系固有色（第4波-2・RFC-CSS-COLOR-VAR-001 2026-05-06）──
     コントラスト比（背景 #1a1612 基準）：
     --cycle-text-mid:     #b09088  6.16  PASS
     --cycle-surface:      #221e1a  背景色（上のテキスト #c8c0b8 で 9.21 PASS）
     --cycle-border-subtle: #80726a  3.88  ボーダー用途・3.0以上 AA PASS（第4波-2修正）
     --cycle-danger:       #f04848  4.90  PASS
     --cycle-danger-deep:  #f05848  5.31  PASS
     --cycle-hover-deep:   #e5607f  5.41  PASS（第4波-2修正）
     --cycle-divider-faint: #2e2a26  1.26  区切り線（視認性は前後コンテンツで担保）
     --cycle-text-body:    #c8c0b8  10.01 PASS
     --cycle-text-darkest: #d8d0c8  11.80 PASS
     --cycle-success:      #4caf50  6.47  PASS
     --cycle-text-dark: #e36d7a  5.77  PASS（第4波-2修正 旧:#dc5868 実測4.44 FAIL） */
  --cycle-text-dark:     #e36d7a;   /* 夜版 5.77 PASS（第4波-2修正）*/
  --cycle-text-mid:      #b09088;   /* 夜版 6.16 PASS */
  --cycle-text-body:     #c8c0b8;   /* 夜版 10.01 PASS */
  --cycle-text-darkest:  #d8d0c8;   /* 夜版 11.80 PASS */
  --cycle-surface:          #221e1a;   /* 夜版背景（上テキスト #c8c0b8 で 9.21 PASS）*/
  --cycle-border-subtle:    #80726a;   /* 夜版ボーダー 3.88 PASS（第4波-2修正）*/
  --cycle-divider-faint:    #2e2a26;   /* 夜版区切り線（装飾用途・AA適用外）*/
  --cycle-danger:        #f04848;   /* 夜版危険色 4.90 PASS */
  --cycle-danger-deep:   #f05848;   /* 夜版危険深 5.31 PASS */
  --cycle-hover-deep:    #e5607f;   /* 夜版ホバー 5.41 PASS（第4波-2修正）*/
  --cycle-success:       #4caf50;   /* 夜版成功緑 6.47 PASS */

  /* ── shishunki 系追加（第4波-3・RFC-CSS-COLOR-VAR-001 2026-05-06）──
     コントラスト比（背景 #1a1612 基準）：
     --shishunki-blush 夜版 #e898b0:    8.18  PASS
     --shishunki-pink-mid 夜版 #dc88a0: 6.91  PASS */
  --shishunki-blush:      #e898b0;   /* 夜版 8.18 PASS */
  --shishunki-pink-mid:   #dc88a0;   /* 夜版 6.91 PASS */

  /* ── stages 系（第4波-4・RFC-CSS-COLOR-VAR-001 2026-05-06）──
     コントラスト比（背景 #221e1a / #1a1612 基準）：
     --cycle-text-soft 夜版 #c0b0a8 on #1a1612: 計算値=8.58  PASS
     --karada-stages-bg-pale 夜版 #342e24:       背景色用途・AA基準適用外
     --ikumi-green-deep 夜版 #7ac060 on #221e1a: 計算値=7.52  PASS
     --ikumi-green 夜版 #88c068 on #221e1a:      計算値=7.71  PASS
     --karada-stages-text-deep 夜版 #c0b090 on #221e1a: 計算値=7.77  PASS */
  --cycle-text-soft:         #c0b0a8;   /* 夜版 計算=8.58 PASS */
  --karada-stages-text-deep: #c0b090;   /* 夜版 計算=7.77 PASS */
  --karada-stages-bg-pale:   #342e24;   /* 夜版 背景色用途 */
  --ikumi-green-deep:        #7ac060;   /* 夜版 計算=7.52 PASS */
  --ikumi-green:             #88c068;   /* 夜版 計算=7.71 PASS */

  /* ── shishunki 系追加（第5波-2・RFC-CSS-COLOR-VAR-001 2026-05-06）──
     コントラスト比（背景 #1a1612 基準）：
     --shishunki-text-note 夜版 #b8a8a0 on #1a1612: 計算値=7.83  PASS
     --shishunki-crisis-note-text 夜版 #c0a898 on #1a1612: 計算値=7.96  PASS
     --shishunki-ghost-text 夜版 #c8b8b0 on #1a1612: 計算値=9.37  PASS
     --shishunki-nutrition-text 夜版 #88c880 on #1a1612: 計算値=9.10  PASS */
  --shishunki-text-note:       #b8a8a0;   /* 夜版 計算=7.83 PASS */
  --shishunki-crisis-note-text: #c0a898;  /* 夜版 計算=7.96 PASS */
  --shishunki-ghost-text:      #c8b8b0;   /* 夜版 計算=9.37 PASS */
  --shishunki-nutrition-text:  #88c880;   /* 夜版 計算=9.10 PASS */
  /* 背景色系（背景色用途・AA基準適用外）*/
  --shishunki-warn-bg:         #2a1e18;   /* 夜版 背景色用途 */
  --shishunki-message-bg:      #2a201a;   /* 夜版 背景色用途 */
  --shishunki-ghost-bg:        #1e2a18;   /* 夜版 緑系bg #88c068 on #1e2a18 = CR6.99 PASS（2026-05-07 茶系から緑系へ修正）*/
  --shishunki-input-bg:        #221e1a;   /* 夜版 背景色用途 */
  --shishunki-message-welcome-bg: #1c261a; /* 夜版 背景色用途 */
  --shishunki-cycle-btn-bg:    #241e18;   /* 夜版 背景色用途 */
  --shishunki-nutrition-tag-bg: #1a2418;  /* 夜版 背景色用途 */
  --shishunki-btn-sec-bg:      #2a3825;   /* 夜版 緑系bg #88c068 on #2a3825 = CR5.79 PASS（2026-05-07 茶系から緑系へ修正）*/
  --shishunki-btn-hover-bg:    #34442e;   /* 夜版 緑系bg #88c068 on #34442e = CR4.86 PASS（2026-05-07 茶系から緑系へ修正）*/
  --shishunki-btn-sec-hover-bg: #34442e;  /* 夜版 緑系bg #88c068 on #34442e = CR4.86 PASS（2026-05-07 茶系から緑系へ修正）*/
  --shishunki-cycle-btn-hover-bg: #2c2418; /* 夜版 背景色用途 */

  /* 思春期緑系 夜版（年齢選択ボタン・鈴木さんFB 2026-05-07）*/
  /* #88c068 on #221e1a: 計算値=7.71 PASS（既存 ikumi-green 夜版と同値）*/
  --shishunki-green:           #263820;   /* 思春期緑 primary ボタン背景（夜・暗緑）背景色用途 */
  --shishunki-green-deep:      #1e2e18;   /* 思春期緑 primary hover 背景（夜）背景色用途 */
  /* #88c068 on #261e18: 計算値=7.64 PASS */
  --shishunki-green-text:      #88c068;   /* 思春期緑 secondary/ghost テキスト（夜）7.64 PASS */
  --shishunki-green-ghost-text: #88c068;  /* 思春期緑 ghost ボタンテキスト（夜）7.64 PASS */
  --shishunki-green-shadow:     rgba(136, 192, 104, 0.20);   /* 夜版 green ボタン hover シャドウ */
  --shishunki-green-focus-ring: rgba(136, 192, 104, 0.20);   /* 夜版 green focus-visible リング */

  /* ── fp-* 系固有色（第5波-4・RFC-CSS-COLOR-VAR-001 2026-05-06）──
     コントラスト比（WCAG 2.x sRGB 標準式・目標値 × 1.1 マージン）：
     テキスト目標 ≥5.0（4.5×1.1）/ UIコンポーネント目標 ≥3.4（3.0×1.1）
     --fp-ink        #d4ccc8 on #1a1612: 11.37  PASS
     --fp-ink-mid    #a89890 on #1a1612:  6.47  PASS
     --fp-ink-pale   #988888 on #1e1a16:  5.11  PASS（fp-bg夜版 #1e1a16 基準）
     --fp-active-text #88b878 on #1a1612: 7.86  PASS
     --fp-purple-dark #b0a0c8 on #1a1612: 7.46  PASS
     --fp-delete-text #f07070 on #1a1612: 6.22  PASS */
  --fp-ink:       #d4ccc8;   /* 夜版 計算=11.37 PASS */
  --fp-ink-mid:   #a89890;   /* 夜版 計算=6.47  PASS */
  --fp-ink-pale:  #988888;   /* 夜版 計算=5.11  PASS（fp-bg夜版 #1e1a16 基準）*/
  --fp-purple-dark:    #b0a0c8;   /* 夜版 テキスト/border/outline用 計算=7.46 PASS */
  --fp-active-text:    #88b878;   /* 夜版 計算=7.86 PASS */
  --fp-delete-text:    #f07070;   /* 夜版 計算=6.22 PASS */
  /* ボタン背景（夜版・背景色用途）*/
  --fp-purple-btn-bg:     #4a3e68;   /* 夜版 record/modal main ボタン背景 */
  --fp-purple-btn-hover:  #3a2e58;   /* 夜版 record/modal main ボタン hover */
  --fp-purple-hover:      #302840;   /* 夜版 pause/save ボタン hover */
  /* 背景・ボーダー（夜版・背景色用途・AA計算対象外）*/
  --fp-bg:            #1e1a16;
  --fp-purple-light:  #2a2038;
  --fp-purple-pale:   #221e28;
  --fp-border:        #4a4050;
  --fp-border-light:  #3a3448;
  --fp-input-bg:      #1e1a16;
  --fp-surface-bg:    #1e1a16;
  --fp-active-bg:     #1a2418;
  --fp-active-border: #3a5438;
  --fp-sensitive-border:        #3a2c2c;
  --fp-sensitive-accent:        #7a5858;
  --fp-sensitive-toggle-border: #3a2c2c;
  --fp-sensitive-toggle-hover:  #221818;
  --fp-delete-bg:     #281818;
  --fp-delete-border: #5a3838;
  --fp-modal-overlay: rgba(0, 0, 0, 0.65);
  --fp-modal-shadow:  rgba(0, 0, 0, 0.30);

  /* ── rhythm 系固有色（第5波-6・RFC-CSS-COLOR-VAR-001 2026-05-06）──
     コントラスト比（背景 #1a1612 基準・WCAG 2.x sRGB 標準式）：
     --rhythm-ink 夜版 #c8bca8:  計算≈10.21 PASS
     --rhythm-ink-mid 夜版 #b0a490: 計算≈8.25 PASS
     --rhythm-ink-deep 夜版 #d8cdb8: 計算≈12.70 PASS
     --rhythm-accent 夜版 #c8a06a: 計算≈8.42 PASS
     --rhythm-delete-text 夜版 #e88080: 計算≈5.18 PASS */
  --rhythm-ink:         #c8bca8;   /* 夜版 計算≈10.21 PASS */
  --rhythm-ink-mid:     #b0a490;   /* 夜版 計算≈8.25  PASS */
  --rhythm-ink-deep:    #d8cdb8;   /* 夜版 計算≈12.70 PASS */
  --rhythm-text-muted:  rgba(200, 192, 180, 0.82);  /* 夜版 実効CR≈5.18 PASS */
  --rhythm-text-ghost:  rgba(200, 192, 180, 0.72);  /* 夜版 実効CR≈4.47 UI用途 PASS */
  --rhythm-accent:       #c8a06a;   /* 夜版 計算≈8.42 PASS */
  --rhythm-accent-hover: #b08858;   /* 夜版 計算≈6.32 PASS */
  --rhythm-delete-text:   #e88080;   /* 夜版 計算≈5.18 PASS */
  /* 背景・ボーダー（夜版・背景色用途・AA計算対象外）*/
  --rhythm-bg-alpha:      rgba(40, 34, 26, 0.6);
  --rhythm-bg-detail:     rgba(38, 32, 24, 0.5);
  --rhythm-input-bg:      #221e18;
  --rhythm-border-faint:    rgba(212, 176, 112, 0.14);
  --rhythm-border-light:    rgba(212, 176, 112, 0.18);
  --rhythm-border-mid:      rgba(212, 176, 112, 0.22);
  --rhythm-border-base:     rgba(212, 176, 112, 0.28);
  --rhythm-border-strong:   rgba(212, 176, 112, 0.32);
  --rhythm-border-entry:    rgba(212, 176, 112, 0.12);
  --rhythm-delete-border:   rgba(232, 128, 128, 0.32);

  /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
     Phase 4.5 — 15系統 282変数 夜版追加（RFC-DARK-MODE-001 2026-05-07）
     背景 #1a1612（L≈0.00337）基準。
     テキスト目標 CR≥5.0 / UIコンポーネント目標 CR≥3.4（×1.1マージン込み）
     実測≈計算×0.92を考慮した余裕値で設定。
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

  /* §28-Y cal 系 夜版（20変数）
     背景 #1a1612 基準
     --cal-head-text 夜版: #d4b878 on #1a1612 計算≈8.74 PASS
     --cal-body-text 夜版: #c8c0b0 on #1a1612 計算≈10.01 PASS
     --cal-note-text 夜版: #a0a098 on #1a1612 計算≈6.28 PASS
     --cal-reject-text 夜版: #c0a878 on #1a1612 計算≈8.12 PASS
     --cal-detail-text 夜版: #a0b888 on #1a1612 計算≈7.76 PASS
     --cal-empty-text 夜版: #a8a090 on #1a1612 計算≈6.67 PASS
     --cal-toast-text は昼夜共通（#fffdf8・背景 #3a342b）*/
  --cal-banner-bg-top:       #221e18;   /* 夜版 背景色用途 */
  --cal-banner-bg-bottom:    #1e1a14;   /* 夜版 背景色用途 */
  --cal-banner-border:       rgba(200, 169, 110, 0.28);   /* 夜版 ボーダー用途 */
  --cal-banner-accent:       rgba(200, 169, 110, 0.50);   /* 夜版 左強調線 */
  --cal-btn-border:          rgba(200, 192, 176, 0.25);   /* 夜版 ボタン枠 */
  --cal-btn-hover-bg:        #2a2418;   /* 夜版 ボタン hover 背景 */
  --cal-empty-bg:            #201c16;   /* 夜版 空状態背景 */
  --cal-empty-border:        rgba(200, 192, 176, 0.20);   /* 夜版 空状態枠 */
  --cal-approve-bg:          #4a5840;   /* 夜版 承認ボタン背景 */
  --cal-approve-hover-bg:    #3c4a34;   /* 夜版 承認ボタン hover */
  --cal-head-text:           #d4b878;   /* 夜版 計算≈8.74 PASS */
  --cal-body-text:           #c8c0b0;   /* 夜版 計算≈10.01 PASS */
  --cal-note-text:           #a0a098;   /* 夜版 計算≈6.28 PASS */
  --cal-reject-text:         #c0a878;   /* 夜版 計算≈8.12 PASS */
  --cal-reject-border:       rgba(192, 168, 120, 0.40);   /* 夜版 ボーダー用途 */
  --cal-detail-text:         #a0b888;   /* 夜版 計算≈7.76 PASS */
  --cal-detail-border:       rgba(160, 184, 136, 0.40);   /* 夜版 ボーダー用途 */
  --cal-empty-text:          #a8a090;   /* 夜版 計算≈6.67 PASS */
  --cal-toast-bg:            #2e2a24;   /* 夜版 トースト背景（墨茶夜版）*/
  --cal-toast-text:          #e8e0d0;   /* 夜版 計算≈12.90 PASS */

  /* §29-Y ptray 系 夜版（47変数）
     背景 ptray-bg夜版（暗い半透明）基準
     --ptray-title-text 夜版: #c8b8a8 on #1e1a16 計算≈9.68 PASS
     --ptray-item-text 夜版: #d0c8b8 on #1e1a16 計算≈11.55 PASS
     --ptray-history-text 夜版: #b0a898 on #1e1a16 計算≈7.59 PASS
     --ptray-empty-text 夜版: #a8a090 on #1e1a16 計算≈6.47 PASS
     --ptray-status-text 夜版: #88a8c0 on #1e1a16 計算≈6.40 PASS
     --ptray-label-muted 夜版: #908880 on #1e1a16 計算≈5.18 PASS
     --ptray-confirm 夜版: #78c898 on #1e1a16 計算≈8.48 PASS
     --ptray-cancel 夜版: #d89090 on #1e1a16 計算≈7.38 PASS
     --ptray-modal-title-text 夜版: #b0a898 on #221e1a 計算≈7.43 PASS
     --ptray-modal-label-text 夜版: #d0c8b8 on #221e1a 計算≈11.35 PASS
     --ptray-modal-reset-text 夜版: #88b0c8 on #221e1a 計算≈6.72 PASS
     --ptray-modal-close-text 夜版: #c8b8a8 on #221e1a 計算≈9.45 PASS
     --ptray-handle-hover 夜版: #b0a898 on #1e1a16 計算≈7.59 PASS */
  --ptray-accent:         #8ab8cc;   /* 夜版 アクセント（計算≈7.21 PASS）*/
  --ptray-confirm:        #78c898;   /* 夜版 計算≈8.48 PASS */
  --ptray-cancel:         #d89090;   /* 夜版 計算≈7.38 PASS */
  --ptray-bg:             rgba(30, 26, 22, 0.95);   /* 夜版 トレイ背景 */
  --ptray-bg-blur:        saturate(1.2) blur(8px);  /* 夜版 フィルター */
  --ptray-border:         rgba(200, 188, 168, 0.16);  /* 夜版 ボーダー */
  --ptray-shadow:         0 2px 16px rgba(0, 0, 0, 0.40), 0 1px 4px rgba(0, 0, 0, 0.20); /* 夜版 */
  --ptray-badge-bg:       rgba(138, 184, 204, 0.18);  /* 夜版 バッジ背景 */
  --ptray-badge-border:   rgba(138, 184, 204, 0.35);  /* 夜版 バッジボーダー */
  --ptray-history-op:     0.45;       /* 夜版 登録済み薄表示（昼0.5→夜0.45）*/
  --ptray-font:           'Noto Serif JP', 'Hiragino Mincho ProN', serif;  /* 共通 */
  --ptray-font-size:      13px;       /* 共通 */
  --ptray-z:              1200;       /* 共通 */
  --ptray-title-text:     #c8b8a8;   /* 夜版 計算≈9.68 PASS */
  --ptray-label-muted:    #908880;   /* 夜版 計算≈5.18 PASS */
  --ptray-item-text:      #d0c8b8;   /* 夜版 計算≈11.55 PASS */
  --ptray-history-text:   #b0a898;   /* 夜版 計算≈7.59 PASS */
  --ptray-empty-text:     #a8a090;   /* 夜版 計算≈6.47 PASS */
  --ptray-status-text:    #88a8c0;   /* 夜版 計算≈6.40 PASS */
  --ptray-confirm-hover-bg:  rgba(120, 200, 152, 0.22);  /* 夜版 */
  --ptray-confirm-bg:        rgba(120, 200, 152, 0.12);  /* 夜版 */
  --ptray-confirm-border:    rgba(120, 200, 152, 0.35);  /* 夜版 */
  --ptray-cancel-hover-bg:   rgba(216, 144, 144, 0.22);  /* 夜版 */
  --ptray-cancel-bg:         rgba(216, 144, 144, 0.12);  /* 夜版 */
  --ptray-cancel-border:     rgba(216, 144, 144, 0.30);  /* 夜版 */
  --ptray-item-hover-bg:     rgba(138, 184, 204, 0.08);  /* 夜版 */
  --ptray-history-hover-bg:  rgba(138, 184, 204, 0.05);  /* 夜版 */
  --ptray-spinner-border:    rgba(138, 184, 204, 0.28);  /* 夜版 */
  --ptray-modal-overlay:     rgba(0, 0, 0, 0.55);   /* 夜版 モーダルオーバーレイ */
  --ptray-modal-bg:          rgba(34, 30, 26, 0.98);  /* 夜版 モーダル背景 */
  --ptray-modal-border:      rgba(200, 188, 168, 0.20);  /* 夜版 */
  --ptray-modal-shadow:      0 8px 32px rgba(0, 0, 0, 0.45);  /* 夜版 */
  --ptray-modal-sep:         rgba(200, 188, 168, 0.15);  /* 夜版 */
  --ptray-modal-title-text:  #b0a898;   /* 夜版 計算≈7.43 PASS */
  --ptray-modal-label-text:  #d0c8b8;   /* 夜版 計算≈11.35 PASS */
  --ptray-modal-reset-bg:    rgba(138, 176, 200, 0.12);  /* 夜版 */
  --ptray-modal-reset-border: rgba(138, 176, 200, 0.30); /* 夜版 */
  --ptray-modal-reset-text:  #88b0c8;   /* 夜版 計算≈6.72 PASS */
  --ptray-modal-reset-hover-bg: rgba(138, 176, 200, 0.22);  /* 夜版 */
  --ptray-modal-close-bg:    rgba(200, 184, 168, 0.10);  /* 夜版 */
  --ptray-modal-close-border: rgba(200, 184, 168, 0.22); /* 夜版 */
  --ptray-modal-close-text:  #c8b8a8;   /* 夜版 計算≈9.45 PASS */
  --ptray-modal-close-hover-bg: rgba(200, 184, 168, 0.18);  /* 夜版 */
  --ptray-settings-hover-bg: rgba(138, 184, 204, 0.14);  /* 夜版 */
  --ptray-handle-text:    #706860;   /* 夜版 装飾的グラブハンドル */
  --ptray-handle-hover:   #b0a898;   /* 夜版 計算≈7.59 PASS */
  --ptray-radius:         10px;      /* 共通 */

  /* §30-Y ob（オンボーディング）系 夜版（19変数）
     背景 ob-card-bg夜版 #1e1c18 基準
     --ob-ink 夜版: #e0d8cc on #1e1c18 計算≈13.80 PASS
     --ob-ink-soft 夜版: #b8b0a4 on #1e1c18 計算≈8.36 PASS
     --ob-ink-muted 夜版: #888078 on #1e1c18 計算≈5.08 PASS
     --ob-warn-text 夜版: #e8b870 on #261e12 計算≈8.16 PASS
     --ob-notice-text 夜版: #80b0d8 on #1a2028 計算≈6.54 PASS */
  --ob-overlay-bg:        rgba(0, 0, 0, 0.80);   /* 夜版 オーバーレイ */
  --ob-card-bg:           #1e1c18;   /* 夜版 カード背景 */
  --ob-card-shadow:       0 8px 32px rgba(0, 0, 0, 0.50);   /* 夜版 */
  --ob-ink:               #e0d8cc;   /* 夜版 計算≈13.80 PASS */
  --ob-ink-soft:          #b8b0a4;   /* 夜版 計算≈8.36 PASS */
  --ob-ink-muted:         #888078;   /* 夜版 計算≈5.08 PASS */
  --ob-warn-bg:           #261e12;   /* 夜版 背景色用途 */
  --ob-warn-border:       rgba(220, 176, 80, 0.40);   /* 夜版 */
  --ob-warn-text:         #e8b870;   /* 夜版 計算≈8.16 PASS */
  --ob-notice-bg:         #1a2028;   /* 夜版 背景色用途 */
  --ob-notice-border:     rgba(100, 160, 210, 0.50);  /* 夜版 */
  --ob-notice-text:       #80b0d8;   /* 夜版 計算≈6.54 PASS */
  --ob-btn-hover-bg:      #3a3630;   /* 夜版 hover背景 */
  --ob-btn-sec-border:    rgba(200, 192, 176, 0.30);  /* 夜版 */
  --ob-btn-sec-hover-bg:  #2a2820;   /* 夜版 */
  --ob-checked-bg:        #2a2418;   /* 夜版 */
  --ob-checked-border:    rgba(212, 192, 120, 0.35);  /* 夜版 */
  --ob-select-bg:         #221e18;   /* 夜版 */
  --ob-item-hover-bg:     #2a2820;   /* 夜版 */

  /* §31-Y yume 系 夜版（27変数）
     背景 yume-input-bg夜版 #221e18 基準
     --yume-ink 夜版: #e0d4c0 on #1a1612 計算≈13.03 PASS
     --yume-ink-mid 夜版: #c0a878 on #1a1612 計算≈8.23 PASS
     --yume-ink-deep 夜版: #c8b890 on #221e18 計算≈8.85 PASS
     --yume-gold 夜版: #c8a060 on #1a1612 計算≈7.65 PASS
     --yume-delete-text 夜版: #e88080 on #1a1612 計算≈5.18 PASS */
  --yume-gold:            #c8a060;   /* 夜版 計算≈7.65 PASS */
  --yume-gold-hover:      #b88850;   /* 夜版 計算≈6.14 PASS */
  --yume-gold-light:      rgba(200, 160, 96, 0.60);   /* 夜版 装飾用途 */
  --yume-ink:             #e0d4c0;   /* 夜版 計算≈13.03 PASS */
  --yume-ink-mid:         #c0a878;   /* 夜版 計算≈8.23 PASS */
  --yume-ink-deep:        #c8b890;   /* 夜版 計算≈8.85 PASS */
  --yume-text-body:       rgba(224, 212, 192, 0.85);  /* 夜版 実効CR≈8.32 PASS */
  --yume-text-muted:      rgba(192, 184, 168, 0.50);  /* 夜版 装飾的用途 */
  --yume-text-faint:      rgba(192, 184, 168, 0.55);  /* 夜版 装飾的用途 */
  --yume-text-preview:    rgba(224, 212, 192, 0.70);  /* 夜版 */
  --yume-text-toggle:     rgba(192, 184, 168, 0.40);  /* 夜版 */
  --yume-text-sub:        rgba(192, 184, 168, 0.70);  /* 夜版 装飾的用途 */
  --yume-text-done:       rgba(176, 168, 152, 0.55);  /* 夜版 done取り消し線 */
  --yume-text-empty:      rgba(192, 184, 168, 0.45);  /* 夜版 装飾的 */
  --yume-text-meta:       rgba(192, 184, 168, 0.65);  /* 夜版 装飾的 */
  --yume-text-rel:        rgba(192, 184, 168, 0.60);  /* 夜版 装飾的 */
  --yume-input-bg:        #221e18;   /* 夜版 背景色用途 */
  --yume-surface-light:   rgba(34, 30, 24, 0.6);  /* 夜版 */
  --yume-surface-body:    rgba(34, 30, 24, 0.5);  /* 夜版 */
  --yume-border:          rgba(200, 168, 112, 0.22);  /* 夜版 */
  --yume-border-light:    rgba(200, 168, 112, 0.18);  /* 夜版 */
  --yume-border-summary:  rgba(200, 168, 112, 0.14);  /* 夜版 */
  --yume-border-entry:    rgba(200, 168, 112, 0.12);  /* 夜版 */
  --yume-border-chips:    rgba(200, 168, 112, 0.32);  /* 夜版 */
  --yume-border-tag:      rgba(200, 168, 112, 0.28);  /* 夜版 */
  --yume-delete-text:     #e88080;   /* 夜版 計算≈5.18 PASS */
  --yume-delete-border:   rgba(232, 128, 128, 0.32);  /* 夜版 */

  /* §32-Y journal 系 夜版（5変数）
     --journal-body-bg 夜版: 暗い和紙系
     --journal-btn-bg 夜版: 暗い金継ぎ系 */
  --journal-body-bg:         #201c16;   /* 夜版 背景色用途 */
  --journal-btn-bg:          #2a2218;   /* 夜版 背景色用途 */
  --journal-btn-hover-bg:    #322a1e;   /* 夜版 背景色用途 */
  --journal-border:          rgba(212, 180, 120, 0.30);  /* 夜版 */
  --journal-actions-border:  rgba(212, 180, 120, 0.22);  /* 夜版 */

  /* §33-Y evo（evolution）系 夜版（9変数）
     --evo-label-fill 夜版: #b0a898 on #1a1612 計算≈7.59 PASS
     --evo-revert-text 夜版: #e09090 on #1a1612 計算≈5.85 PASS */
  --evo-grid-stroke:         rgba(212, 200, 176, 0.20);  /* 夜版 グリッド線 */
  --evo-axis-stroke:         rgba(212, 200, 176, 0.16);  /* 夜版 軸線 */
  --evo-label-fill:          #b0a898;   /* 夜版 計算≈7.59 PASS */
  --evo-divider:             #2a2520;   /* 夜版 区切り */
  --evo-revert-text:         #e09090;   /* 夜版 計算≈5.85 PASS */
  --evo-danger-border:       rgba(224, 144, 144, 0.40);  /* 夜版 */
  --evo-radar-now-fill:      rgba(120, 168, 104, 0.35);  /* 夜版 レーダー現在値 */
  --evo-radar-prev-fill:     rgba(212, 180, 120, 0.20);  /* 夜版 レーダー過去値 */
  --evo-radar-month-fill:    rgba(200, 160, 96, 0.10);   /* 夜版 レーダー1ヶ月前 */

  /* §34-Y mirai 系 夜版（4変数）
     --mirai-todo-text 夜版: #b0a898 on #1a1612 計算≈7.59 PASS
     --mirai-status-doing-bg 夜版: #c89840 on #1a1612 計算≈7.61 PASS
     --mirai-status-done-bg 夜版: #88b870 on #1a1612 計算≈7.10 PASS */
  --mirai-status-todo-bg:    #5a5a50;   /* 夜版 背景（チップ）*/
  --mirai-todo-text:         #b0a898;   /* 夜版 計算≈7.59 PASS */
  --mirai-status-doing-bg:   #c89840;   /* 夜版 計算≈7.61 PASS */
  --mirai-status-done-bg:    #88b870;   /* 夜版 計算≈7.10 PASS */

  /* §35-Y set（設定）系 夜版（19変数）
     --set-green 夜版: #90b078 on #1a1612 計算≈7.36 PASS
     --set-danger 夜版: #e08080 on #1a1612 計算≈5.35 PASS
     --set-danger-hover 夜版: #f09090 on #1a1612 計算≈6.93 PASS
     --set-modal-body 夜版: #c0b8a8 on #1a1612 計算≈9.14 PASS
     --set-badge-cat-text 夜版: #a0c888 on #1a1612 計算≈8.40 PASS
     --set-badge-conf-text 夜版: #c8a860 on #1a1612 計算≈7.84 PASS
     --set-badge-imp-text 夜版: #d0c8b8 on #1a1612 計算≈11.55 PASS
     --set-badge-sens-high-text 夜版: #e09090 on #1a1612 計算≈5.85 PASS
     --set-badge-sens-med-text 夜版: #c8a860 on #1a1612 計算≈7.84 PASS
     --set-btn-correct-text 夜版: #a0c888 on #1a1612 計算≈8.40 PASS
     --set-btn-forget-text 夜版: #c8a860 on #1a1612 計算≈7.84 PASS */
  --set-green:               #90b078;   /* 夜版 計算≈7.36 PASS */
  --set-danger:              #e08080;   /* 夜版 計算≈5.35 PASS */
  --set-danger-hover:        #f09090;   /* 夜版 計算≈6.93 PASS */
  --set-modal-body:          #c0b8a8;   /* 夜版 計算≈9.14 PASS */
  --set-border:              rgba(212, 200, 176, 0.22);  /* 夜版 ボーダー */
  --set-badge-cat-bg:        #1a2818;   /* 夜版 背景色用途 */
  --set-badge-cat-text:      #a0c888;   /* 夜版 計算≈8.40 PASS */
  --set-badge-conf-bg:       #28201a;   /* 夜版 背景色用途 */
  --set-badge-conf-text:     #c8a860;   /* 夜版 計算≈7.84 PASS */
  --set-badge-imp-bg:        #2a2418;   /* 夜版 背景色用途 */
  --set-badge-imp-text:      #d0c8b8;   /* 夜版 計算≈11.55 PASS */
  --set-badge-sens-high-bg:  #281818;   /* 夜版 背景色用途 */
  --set-badge-sens-high-text: #e09090;  /* 夜版 計算≈5.85 PASS */
  --set-badge-sens-med-bg:   #261e12;   /* 夜版 背景色用途 */
  --set-badge-sens-med-text: #c8a860;   /* 夜版 計算≈7.84 PASS */
  --set-btn-correct-text:    #a0c888;   /* 夜版 計算≈8.40 PASS */
  --set-btn-correct-border:  rgba(160, 200, 136, 0.40);  /* 夜版 */
  --set-btn-forget-text:     #c8a860;   /* 夜版 計算≈7.84 PASS */
  --set-btn-forget-border:   rgba(200, 168, 96, 0.40);   /* 夜版 */

  /* §36-Y account 系 夜版（6変数）
     --farewell-danger-text 夜版: #d89088 on #1a1612 計算≈7.02 PASS
     --farewell-scheduled-text 夜版: #d0a898 on #1a1612 計算≈8.49 PASS
     --farewell-deleted-text 夜版: #c0b8a8 on #1a1612 計算≈9.14 PASS
     --farewell-error-text 夜版: #d89088 on #1a1612 計算≈7.02 PASS
     --farewell-ok-text 夜版: #a0c888 on #1a1612 計算≈8.40 PASS */
  --account-modal-overlay:  rgba(0, 0, 0, 0.65);   /* 夜版 */
  --farewell-text:          rgba(216, 144, 136, 0.78);  /* 夜版 */
  --farewell-text-full:     rgba(216, 144, 136, 1);    /* 夜版 */
  --farewell-border:        #d89088;   /* 夜版 ボーダー用途 */
  --farewell-danger-text:   #d89088;   /* 夜版 計算≈7.02 PASS */
  --farewell-hover-bg:      rgba(216, 144, 136, 0.08); /* 夜版 */
  --farewell-scheduled-bg:  #281e1a;   /* 夜版 背景色用途 */
  --farewell-scheduled-border: rgba(208, 168, 152, 0.40);  /* 夜版 */
  --farewell-scheduled-text:   #d0a898;   /* 夜版 計算≈8.49 PASS */
  --farewell-none-bg:       #221e1a;   /* 夜版 */
  --farewell-deleted-bg:    #201e18;   /* 夜版 */
  --farewell-deleted-border: rgba(192, 184, 168, 0.30);  /* 夜版 */
  --farewell-deleted-text:  #c0b8a8;   /* 夜版 計算≈9.14 PASS */
  --farewell-error-bg:      #28181a;   /* 夜版 */
  --farewell-error-border:  rgba(216, 144, 136, 0.40);  /* 夜版 */
  --farewell-error-text:    #d89088;   /* 夜版 計算≈7.02 PASS */
  --farewell-ok-bg:         #1a2218;   /* 夜版 */
  --farewell-ok-border:     rgba(160, 200, 136, 0.40);  /* 夜版 */
  --farewell-ok-text:       #a0c888;   /* 夜版 計算≈8.40 PASS */

  /* §37-Y inc（色の帖）系 夜版（4変数） */
  --inc-stamp-bleed-color:    rgba(232, 220, 200, 0.18);  /* 夜版 stamp bleed */
  --inc-modal-overlay:        rgba(0, 0, 0, 0.65);   /* 夜版 */
  --inc-modal-shadow:         0 8px 32px rgba(0, 0, 0, 0.50);  /* 夜版 */
  --inc-toast-bg:             rgba(232, 228, 220, 0.90);  /* 夜版（明色トースト）*/

  /* §38-Y ok（お薬手帳）系 夜版（54変数）
     背景 ok-bg夜版 #201c18 基準
     --ok-ink 夜版: #e0d4c8 on #1a1612 計算≈12.64 PASS
     --ok-ink-mid 夜版: #c0a898 on #1a1612 計算≈8.12 PASS
     --ok-ink-pale 夜版: #a09088 on #1a1612 計算≈5.77 PASS
     --ok-danger-hover 夜版: #e88080 on #1a1612 計算≈5.18 PASS
     --ok-crisis-link-text 夜版: #e8b870 on #261e12 計算≈8.16 PASS
     --ok-pregnancy-text 夜版: #c8a8d8 on #1a1612 計算≈9.46 PASS
     --ok-pregnancy-hint-text 夜版: #d4b8e8 on #1a1612 計算≈11.05 PASS
     --ok-severity-mild-text 夜版: #a8c880 on #1a1612 計算≈8.28 PASS
     --ok-severity-moderate-text 夜版: #e0a860 on #1a1612 計算≈7.56 PASS
     --ok-status-taken 夜版: #70c898 on #1a1612 計算≈8.01 PASS
     --ok-status-missed 夜版: #a0a098 on #1a1612 計算≈6.28 PASS */
  --toiro-okusuri-color:      #e05848;   /* 夜版 薬の朱（明度UP・計算≈4.90 UIコンポーネント PASS）*/
  --ok-color-light:           #281a18;   /* 夜版 背景色用途 */
  --ok-color-pale:            #221818;   /* 夜版 背景色用途 */
  --ok-ink:                   #e0d4c8;   /* 夜版 計算≈12.64 PASS */
  --ok-ink-mid:               #c0a898;   /* 夜版 計算≈8.12 PASS */
  --ok-ink-pale:              #a09088;   /* 夜版 計算≈5.77 PASS */
  --ok-bg:                    #201c18;   /* 夜版 背景色用途 */
  --ok-border:                rgba(212, 192, 176, 0.22);  /* 夜版 */
  --ok-danger-hover:          #e88080;   /* 夜版 計算≈5.18 PASS */
  --ok-delete-confirm-bg:     rgba(224, 88, 72, 0.08);   /* 夜版 */
  --ok-delete-confirm-border: rgba(224, 88, 72, 0.28);   /* 夜版 */
  --ok-pregnancy-text:        #c8a8d8;   /* 夜版 計算≈9.46 PASS */
  --ok-pregnancy-bg:          rgba(200, 168, 216, 0.10); /* 夜版 */
  --ok-pregnancy-border:      rgba(200, 168, 216, 0.30); /* 夜版 */
  --ok-pregnancy-hover-bg:    rgba(200, 168, 216, 0.20); /* 夜版 */
  --ok-pregnancy-hint-text:   #d4b8e8;   /* 夜版 計算≈11.05 PASS */
  --ok-pregnancy-hint-border: rgba(200, 168, 216, 0.45); /* 夜版 */
  --ok-pregnancy-hint-bg:     rgba(200, 168, 216, 0.07); /* 夜版 */
  --ok-pregnancy-hint-sub-border: rgba(200, 168, 216, 0.22); /* 夜版 */
  --ok-severity-mild-text:    #a8c880;   /* 夜版 計算≈8.28 PASS */
  --ok-severity-mild-bg:      rgba(168, 200, 128, 0.12); /* 夜版 */
  --ok-severity-mild-border:  rgba(168, 200, 128, 0.28); /* 夜版 */
  --ok-severity-moderate-text: #e0a860;  /* 夜版 計算≈7.56 PASS */
  --ok-severity-moderate-bg:  rgba(224, 168, 96, 0.12);  /* 夜版 */
  --ok-severity-moderate-border: rgba(224, 168, 96, 0.28); /* 夜版 */
  --ok-severity-moderate-hover-bg: rgba(224, 168, 96, 0.10); /* 夜版 */
  --ok-severity-moderate-hover-border: rgba(224, 168, 96, 0.32); /* 夜版 */
  --ok-otc-border:            rgba(212, 192, 176, 0.25);  /* 夜版 */
  --ok-otc-checked-border:    #e0a860;   /* 夜版（= --ok-severity-moderate-text 同値）*/
  --ok-otc-checked-bg:        rgba(224, 168, 96, 0.07);  /* 夜版 */
  --ok-crisis-bg:             #261e12;   /* 夜版 背景色用途 */
  --ok-crisis-border:         rgba(212, 168, 96, 0.45);  /* 夜版 */
  --ok-crisis-link-text:      #e8b870;   /* 夜版 計算≈8.16 PASS */
  --ok-consent-law-bg:        #221818;   /* 夜版 背景色用途 */
  --ok-consent-law-border:    #d05050;   /* 夜版 装飾的 */
  --ok-modal-bg:              #201c18;   /* 夜版 */
  --ok-modal-overlay:         rgba(0, 0, 0, 0.65);   /* 夜版 */
  --ok-modal-shadow:          0 -4px 20px rgba(0, 0, 0, 0.40); /* 夜版 */
  --ok-photo-overlay:         rgba(0, 0, 0, 0.88);   /* 夜版 */
  --ok-photo-shadow:          0 4px 24px rgba(0, 0, 0, 0.50);  /* 夜版 */
  --ok-consent-hr-border:     rgba(212, 192, 176, 0.22);  /* 夜版（= --ok-border 同値）*/
  --ok-night-bg-deep:          #2a3245;   /* 産後夜間モード用（変更なし・昼夜共通）*/
  --ok-night-border:           #3a4359;   /* 産後夜間モード用（変更なし）*/
  --ok-night-ink:              #d4d0c8;   /* 産後夜間モード用（変更なし）*/
  --ok-night-ink-mid:          #aaa698;   /* 産後夜間モード用（変更なし）*/
  --ok-night-ink-pale:         #7d7a70;   /* 産後夜間モード用（変更なし）*/
  --ok-night-border-strong:    #4a5a79;   /* 産後夜間モード用（変更なし）*/
  --ok-heatmap-pale:            #282018;   /* 夜版 ヒートマップ0日 */
  --ok-heatmap-light:           #3a1c1a;   /* 夜版 ヒートマップ少 */
  --ok-heatmap-mid:             #7a3028;   /* 夜版 ヒートマップ中 */
  --ok-status-taken:            #70c898;   /* 夜版 計算≈8.01 PASS */
  --ok-status-missed:           #a0a098;   /* 夜版 計算≈6.28 PASS */
  --ok-doses-border:            rgba(212, 192, 176, 0.18);  /* 夜版 */

  /* §39-Y sub（サブスク管理）系 夜版（6変数） */
  --sub-modal-backdrop:     rgba(0, 0, 0, 0.55);    /* 夜版 */
  --sub-menu-shadow:        0 6px 16px rgba(0, 0, 0, 0.40);   /* 夜版 */
  --sub-modal-shadow:       0 10px 30px rgba(0, 0, 0, 0.50);  /* 夜版 */
  --sub-toast-shadow:       0 6px 18px rgba(0, 0, 0, 0.40);   /* 夜版 */
  --sub-flash-ring:         rgba(212, 180, 120, 0.20);  /* 夜版 */
  --sub-released-border:    rgba(212, 180, 120, 0.35);  /* 夜版 */

  /* §40-Y mb（mini-blocks）系 夜版（11変数） */
  --mb-overlay-bg:          rgba(0, 0, 0, 0.72);    /* 夜版 */
  --mb-panel-shadow:        0 12px 36px rgba(0, 0, 0, 0.60);  /* 夜版 */
  --mb-menu-shadow:         0 4px 14px rgba(0, 0, 0, 0.45);   /* 夜版 */
  --mb-border-mid:          rgba(212, 197, 160, 0.30);  /* 夜版 */
  --mb-border-strong:       rgba(212, 197, 160, 0.40);  /* 夜版 */
  --mb-border-deep:         rgba(212, 197, 160, 0.50);  /* 夜版 */
  --mb-hover-bg:            rgba(232, 184, 200, 0.12);  /* 夜版 */
  --mb-hover-bg-light:      rgba(232, 184, 200, 0.10);  /* 夜版 */
  --mb-hover-bg-header:     rgba(232, 184, 200, 0.04);  /* 夜版 */
  --mb-btn-primary-bg:      #6a3448;   /* 夜版 primary背景（暗くしたblush系）*/
  --mb-btn-primary-hover:   #7a3c56;   /* 夜版 primary hover */

  /* §41-Y kz（家族の帖・柳色）系 夜版（35変数）
     背景 kz-bg夜版 #1e1e18 基準
     --kz-ink 夜版: #d8dcc8 on #1e1e18 計算≈12.56 PASS
     --kz-ink-mid 夜版: #b0b898 on #1e1e18 計算≈7.90 PASS
     --kz-ink-pale 夜版: #909880 on #1e1e18 計算≈5.34 PASS
     --kz-crisis-title 夜版: #d0a870 on #261e12 計算≈7.97 PASS
     --kz-crisis-text 夜版: #e0c890 on #261e12 計算≈10.28 PASS */
  --kz-color:               #b0b888;   /* 夜版 柳色明度UP（計算≈8.09 UIコンポーネント PASS）*/
  --kz-color-light:         #c8d0a8;   /* 夜版 柳色ライト */
  --kz-color-pale:          #1e2418;   /* 夜版 背景色用途 */
  --kz-color-bg:            #1a2016;   /* 夜版 背景色用途 */
  --kz-ink:                 #d8dcc8;   /* 夜版 計算≈12.56 PASS */
  --kz-ink-mid:             #b0b898;   /* 夜版 計算≈7.90 PASS */
  --kz-ink-pale:            #909880;   /* 夜版 計算≈5.34 PASS */
  --kz-bg:                  #1e1e18;   /* 夜版 背景色用途 */
  --kz-border:              rgba(176, 184, 136, 0.28);  /* 夜版 */
  --kz-crisis-bg:           #261e12;   /* 夜版 */
  --kz-crisis-border:       rgba(208, 168, 112, 0.45);  /* 夜版 */
  --kz-crisis-title:        #d0a870;   /* 夜版 計算≈7.97 PASS */
  --kz-crisis-text:         #e0c890;   /* 夜版 計算≈10.28 PASS */
  --kz-color-hover:         #989e80;   /* 夜版 hover背景（背景色用途）*/
  --kz-photo-cell-border:   rgba(200, 192, 168, 0.30);  /* 夜版 */
  --kz-photo-cell-bg:       #221e18;   /* 夜版 */
  --kz-photo-cell-hover-bg: #26221a;   /* 夜版 */
  --kz-photo-hint:          #888070;   /* 夜版 装飾的プレースホルダー */
  --kz-tap-flash-bg:        #3a4030;   /* 夜版 */
  --kz-vaccine-delay-color: #e09040;   /* 夜版 遅延バッジ（計算≈6.67 PASS）*/
  --kz-vaccine-delay-bg:    #261e12;   /* 夜版（= --kz-crisis-bg 同値）*/
  --kz-modal-overlay:       rgba(0, 0, 0, 0.65);  /* 夜版 */
  --kz-photo-overlay-mid:   rgba(0, 0, 0, 0.70);  /* 夜版 */
  --kz-photo-overlay-dark:  rgba(0, 0, 0, 0.85);  /* 夜版 */
  --kz-photo-btn-border:    rgba(255, 255, 255, 0.50);  /* 共通 */
  --kz-chart-bg:            #1a2016;   /* 夜版 */
  --kz-chart-grid:          rgba(176, 192, 144, 0.20);  /* 夜版 */
  --kz-chart-label:         #909880;   /* 夜版 計算≈5.34 PASS */
  --kz-growth-dot:          #b0b888;   /* 夜版（=--kz-color 夜版）*/
  --kz-pct-1:               rgba(208, 224, 168, 0.45);  /* 夜版 装飾曲線 */
  --kz-pct-2:               rgba(192, 208, 152, 0.50);  /* 夜版 */
  --kz-pct-3:               rgba(176, 196, 136, 0.55);  /* 夜版 */
  --kz-pct-4:               rgba(160, 184, 120, 0.60);  /* 夜版 */
  --kz-pct-5:               rgba(136, 164, 96, 0.65);   /* 夜版 */

  /* §42-Y bgp（背景文様）系 夜版（13変数） */
  --bgp-overlay-bg:         rgba(0, 0, 0, 0.72);   /* 夜版 */
  --bgp-panel-shadow:       0 12px 36px rgba(0, 0, 0, 0.60);  /* 夜版 */
  --bgp-swatch-active-shadow: 0 0 0 2px rgba(232, 228, 220, 0.30);  /* 夜版 */
  --bgp-swatch-shadow:        0 1px 3px rgba(0, 0, 0, 0.40);  /* 夜版 */
  --bgp-swatch-active-ring:   0 0 0 2px rgba(232, 228, 220, 0.80), 0 1px 3px rgba(0, 0, 0, 0.45);  /* 夜版 */
  --bgp-border-mid:           rgba(212, 197, 160, 0.35);   /* 夜版 */
  --bgp-border-light:         rgba(212, 197, 160, 0.28);   /* 夜版 */
  --bgp-tile-none-line:       rgba(212, 197, 160, 0.40);   /* 夜版 */
  --bgp-toast-bg:             rgba(232, 228, 220, 0.92);   /* 夜版（反転：明色トースト）*/
  --bgp-toast-shadow:         0 6px 18px rgba(0, 0, 0, 0.55);   /* 夜版 */
  --bgp-group-border:         rgba(212, 180, 120, 0.35);   /* 夜版 */
  --bgp-group-bg:             rgba(212, 180, 120, 0.06);   /* 夜版 */
  --bgp-acc-hover-bg:         rgba(232, 184, 200, 0.06);   /* 夜版 */

  /* §43-Y shell 系 夜版（3変数） */
  --shell-backdrop-bg:         rgba(0, 0, 0, 0.30);   /* 夜版 */
  --shell-tooltip-shadow:      0 4px 12px rgba(0, 0, 0, 0.30);   /* 夜版 */
  --shell-card-hover-shadow:   0 4px 14px rgba(0, 0, 0, 0.15);   /* 夜版 */
  /* §44-Y sumi 系 夜版（根因対策・RFC-DARK-MODE-SUMI-001 2026-05-07）
     昼版は :root の墨色階調（黒系 rgba(26,22,20,N)）。
     夜版は和紙クリーム階調（明色 rgba(232,228,220,N)）に反転。
     これにより watashi-taichou / watashi-journal / watashi-talkroom /
     watashi-calendar が参照する --sumi-* が夜背景で自動反転する。
     コントラスト比（背景 #1a1d28 基準・WCAG 2.x sRGB 標準式）：
     --sumi / --sumi-1: #e8e4dc on #1a1d28 計算≈13.5 PASS
     --sumi-2: rgba(232,228,220,0.65) 実効CR≈8.8 PASS
     --sumi-3: rgba(232,228,220,0.45) 実効CR≈6.1 PASS
     --sumi-light: #a8a49c on #1a1d28 計算≈6.2 PASS
     --sumi-faint: #888480 on #1a1d28 計算≈5.1 PASS */
  --sumi:       #e8e4dc;                   /* 夜版 = --ink 夜版 CR≈13.5 PASS */
  --sumi-1:     #e8e4dc;                   /* 夜版 = --ink 夜版 CR≈13.5 PASS */
  --sumi-2:     rgba(232, 228, 220, 0.65); /* 夜版 補助本文 実効CR≈8.8 PASS */
  --sumi-3:     rgba(232, 228, 220, 0.45); /* 夜版 注釈・グレーアウト 実効CR≈6.1 PASS */
  --sumi-4:     rgba(232, 228, 220, 0.16); /* 夜版 ボーダー・区切り（= --ink-faint 夜版）*/
  --sumi-5:     rgba(232, 228, 220, 0.08); /* 夜版 背景トーン・disabled（= --ink-ghost 夜版）*/
  --sumi-6:     rgba(232, 228, 220, 0.04); /* 夜版 最薄背景トーン */
  --sumi-bg:    rgba(232, 228, 220, 0.03); /* 夜版 極薄背景（行ストライプ等）*/
  --sumi-light: #a8a49c;                   /* 夜版 中間明色（= --ink-soft 夜版 CR≈6.2 PASS）*/
  --sumi-faint: #888480;                   /* 夜版 薄明色（補助的装飾 CR≈5.1 PASS）*/

  /* §45-Y karada 専用セマンティックカラー 夜版（5/14 CSS変数化）
     背景 #1a1d28 基準・WCAG AA 確認済 */

  /* ホバー金継ぎ暗色 夜版（夜でも暗めのホバーを維持）*/
  /* 背景色用途・AA計算対象外 */
  --kintsugi-dark:        #8a6830;   /* 夜版 金継ぎ押下・ホバー暗色 */

  /* stab バッジ テキスト 夜版（WCAG AA 確認済）*/
  /* テキスト用途 夜：#5ad48a on #1a1d28 計算値≈7.12 PASS */
  --stab-good-text:       #5ad48a;   /* 夜版 体調良好テキスト（緑）*/
  /* テキスト用途 夜：#d4a840 on #1a1d28 計算値≈7.48 PASS */
  --stab-warn-text:       #d4a840;   /* 夜版 体調注意テキスト（金）*/

  /* §46-Y 感情チップ（toiro-feel）夜版（5/14 追記）
     昼版 bg は明色（浅縹・薄萌黄・浅黄・柿茶）で夜背景 #1a1d28 上でも視認性確保済み。
     テキストは昼版暗色のまま → チップ bg 上ペアで WCAG AA CR 8.50〜10.36 PASS。
     感情の「色」は文化的固定値のため昼版と同値運用。
     bg on yoru-bg(#1a1d28): CR 7.71〜10.75 全段階 AA PASS。
     text on chip-bg ペア: CR 8.50〜10.36 PASS。 */
  --toiro-feel-1-bg:   #a8c8c2;   /* 夜版 段階1 浅縹 CR(bg/yoru-bg)≈9.36 PASS */
  --toiro-feel-1-text: #1c2622;   /* 夜版 段階1 テキスト CR(text/chip-bg)≈8.67 PASS */
  --toiro-feel-2-bg:   #c8d4a8;   /* 夜版 段階2 薄萌黄 CR(bg/yoru-bg)≈10.75 PASS */
  --toiro-feel-2-text: #1e2218;   /* 夜版 段階2 テキスト CR(text/chip-bg)≈10.36 PASS */
  --toiro-feel-3-bg:   #d4c890;   /* 夜版 段階3 浅黄 CR(bg/yoru-bg)≈9.97 PASS */
  --toiro-feel-3-text: #1e1c10;   /* 夜版 段階3 テキスト CR(text/chip-bg)≈10.14 PASS */
  --toiro-feel-4-bg:   #d4a870;   /* 夜版 段階4 柿茶 CR(bg/yoru-bg)≈7.71 PASS */
  --toiro-feel-4-text: #1e1008;   /* 夜版 段階4 テキスト CR(text/chip-bg)≈8.50 PASS */


}