/* Professional Tech Lab design-system · theme: story-endings * 物語の結末分布サイトのブランド＋結末タイプ配色を brand / ending トークンに当てる。 * コア（墨黒・Noto・枠線なし・部品）は不変。色のhexはこのファイルにだけ書く * （消費ページ＝モックHTMLでは生hex・独自:root を書かない規律を維持する）。 * 適用: または 。 * * 【重要】ここで定義する暖色は「結末データの符号化（happiness スコアの尺度）」であって、 * 装飾目的の warm-hue accent ではない。Hallmark が禁じる「装飾のための暖色多用」には当たらない。 * ハッピーな結末＝明るい暖色、バッドな結末＝暗い寒色、という一本のダイバージング尺度で * 結末の連続量そのものを色に写している（色＝データの二重符号化）。装飾では一切使わない。 * * 結末タイプ／スコアの配色方針（principles 1「赤は一点」と両立させるための分離）: * - 結末色（--ending-* / --score-*）は「データの符号化」であって装飾ではない。 * カテゴリ・スコア分けのための色なので、コーポレート赤一点ルールの対象外として扱う。 * - 一本のダイバージング尺度: ハッピー=暖色（明）→ ほろ苦い=中間 → バッド=寒色（暗）。 * hue（暖⇔寒）だけに頼らず、明度も happiness と同順に厳密降順で付ける（§10.9 明=幸福/暗=不幸）。 * これにより2型・3型色覚でも明度差だけで結末の良し悪しが読める。 * - 色だけに依存しない（凡例・ラベル・記号・軸を必ず添える運用は各モック側で担保）。 */ .theme-story, [data-theme="story"] { /* === ブランド（イメージ/アクセント色）=== * ブランドは結末尺度と独立の中立トーン（墨黒寄りの深いスレート）。 * 暖色は結末データ専用に予約し、ブランド/装飾には使わない。 */ --brand: #2c3648; /* 深いスレート（地味めの知的アクセント。結末尺度の寒色端と同系で全体を締める） */ --brand-bg: #1f2733; /* 濃色面（ヒーロー背景・セクション扉）。墨黒に寄せた深いスレート */ --brand-on: #ffffff; /* 濃色面の上のテキスト */ --brand-soft: #eceef2; /* ブランドの淡tint（帯・補助面） */ /* === 結末タイプ色（ハッピー > ビター > バッド のダイバージング尺度＋名義の other）=== * --score-* の代表点を流用し、happiness の帯ごとに1本の尺度で統一する。 * happy = 明るい暖色（score-6 相当） * bittersweet= 中間ブリッジ色（score-4 相当） * downer = 暗い寒色（score-2 相当） * 凡例・ハッピー率ゲージ・カードのメーター・分布図の全描画がこの尺度で一貫する。 */ --ending-happy: #f97e0a; /* ハッピー: 鮮やかな暖色オレンジ（前向き・彩度高め） */ --ending-bittersweet: #8a5a3a; /* ビター: コーヒー色の茶（ほろ苦さ） */ --ending-downer: #2563d6; /* バッド: 鮮やかな青（寒色・救いのなさ） */ --ending-other: #8a8a90; /* その他/型不明: 中立グレー（尺度の外＝彩度を抜く） */ /* 淡tint（バーの背景帯・カード地・凡例ドット淡色用） */ --ending-happy-soft: #ffe9cc; /* 暖色の淡tint */ --ending-bittersweet-soft: #ece0d4; --ending-downer-soft: #dbe6fb; --ending-other-soft: #eeeeef; /* 暫定ラベル（confirmed と区別する半透明/網掛けの基準色） */ --ending-provisional: #adadae; /* 暫定は彩度を抜いて「まだ確定でない」を視覚化 */ /* === 結末スコアの連続色スケール（明るい暖色=大団円 → 暗い寒色=崩壊の1本のダイバージング勾配）=== * 軸の両端が定義された連続量なので、色＝スコアの二重符号化として意味を持つ。 * 暖色(gold→orange)→コーヒー茶(中間)→鮮やかな青(bad)のダイバージング。 * happy↔bad は「オレンジ↔青」＝赤緑色覚でも判別できる最も安全なhue対。 * 明度は概ね降順（明=幸福/暗=不幸）だが、コーヒー茶↔青の境界のみ僅かに非単調。 * 紫ピンクは使わない。s7=大団円(最も明るい暖色) … s1=崩壊(最も暗い青)。 */ --score-7: #ffb81f; /* 大団円（最も明るい鮮やかな暖色ゴールド） */ --score-6: #f97e0a; /* ハッピー帯（鮮やかなオレンジ・彩度高め） */ --score-5: #e35c25; /* 暖色→コーヒー茶へのブリッジ */ --score-4: #8a5a3a; /* ほろ苦い（コーヒー色の茶・中間） */ --score-3: #3f7fd6; /* 茶→青へのブリッジ */ --score-2: #2563d6; /* バッド帯（鮮やかな青） */ --score-1: #143a86; /* 崩壊（最も暗い深い青） */ }