/* ============================================================ 運命の扉 — 共通カラートークン（ライト単一テーマ） ------------------------------------------------------------ 色の定義はこのファイル1箇所で管理する。 各ページ／chat.css に :root を再定義しないこと。 全HTMLの で、他のCSSより「前」に読み込む。 ダークモードは実装しない。 ============================================================ */ :root { /* ---- 面 ---- */ --color-bg: #FAF8F5; /* ページ背景 */ --color-surface: #FFFFFF; /* カード・チャット吹き出し */ --color-line: #F0EAE0; /* 区切り線・薄い面 */ /* ---- 文字 ---- 対 --color-bg のコントラスト比を併記。40〜60代の利用者を想定し、 本文サイズで WCAG AAA（7:1）を満たす明度に設定している。 値を薄くするときは必ず比を測り直すこと。 */ --color-primary: #0A2545; /* 14.53:1 主色。見出し・主ボタン背景 */ --color-text: #2A3244; /* 12.09:1 本文 */ --color-text-sub: #3A4154; /* 9.60:1 補助テキスト */ --color-text-mute: #57534A; /* 7.20:1 注釈・小さい文字 */ /* ---- 強調 ---- */ --color-accent: #C9A227; /* 2.28:1 装飾専用。文字にも枠にも使わない */ --color-accent-deep: #8C6F14;/* 4.50:1 金を線・枠に使うときはこちら */ --color-gold-text: #6B520D; /* 6.98:1 金色の「文字」に使う唯一の値 */ --color-gold-lite: #F5D98B; /* --color-primary の濃い面の上でのみ使用 */ /* ---- 枠 ---- */ --color-border-strong: #8A8578; /* 3.47:1 入力欄など操作部品の枠（WCAG 1.4.11 の3:1用） */ /* ---- 補助（トークン外・意味色） ---- */ --color-danger: #A31F12; /* 7.17:1 */ --color-success: #1F5A40; /* 7.63:1 */ /* ---- howto-app.html のブラウザ識別色（明背景で読める濃度） ---- */ --safari-color: #1A6FD4; --chrome-color: #2E7D5B; --edge-color: #1B6F80; } /* 旧変数名（--bg-deep / --purple-main / --gold / --card / --char-color ほか）の 互換エイリアスは、全ページの書き換え完了に伴い削除済み。復活させないこと。 */