/* ============================================================
   BRAND COLORS — 配色の正本（このファイルだけを直す）
   ============================================================

   PRISM の配色は「一筋の光が分かれる」ことを表す。
   2026-08-16 に、七色の虹から **3色のグラデーション** に切り替えた。
   虹は色数が多く、面で使うと必ず賑やかになる。3色なら «面» に敷いても
   静かなままで、会社のトーン（無彩色に近い抑制）と両立する。

   基準は次の3色だけ。ここから外れる色を新しく足さない。

     #FFCEE3  夜明けの桃   光そのもの。ハイライト・グロー
     #678EC9  昼の青       主役の面。広い背景・図版
     #262277  夜の藍       地。暗い面の基準・本文が乗る濃色

   順序に意味がある（藍 → 青 → 桃 ＝ 夜から夜明けへ）。逆向きに使うのは
   «沈む» 印象になるので、下降を意図するとき以外は使わない。

   ⚠️ コントラストの落とし穴:
   `--c-blue`(#678EC9) に白文字は 3.34 しかない＝**本文サイズでは AA 不足**。
   白文字を乗せる塗りには必ず `--brand`(4.53) 以下の暗さを使う。
   装飾・大きい文字・罫線でだけ `--c-blue` を面で使ってよい。
   ============================================================ */

:root {
  /* ---- 基準の3色（画像指定の正本）---- */
  --c-pink:   #FFCEE3;
  --c-blue:   #678EC9;
  --c-indigo: #262277;

  /* ---- 実用ランプ（3色から導出。コントラストを満たすためだけに存在する）----
     --brand      白文字が乗る塗りの上限の明るさ（白文字 4.53:1）
     --brand-deep リンク・強い塗り（白文字 10.56:1）
     --ink        暗いページの地（白文字 16.13:1） */
  --brand:      #5875B6;
  --brand-deep: #323586;
  --ink:        #1B1853;

  /* ---- グラデーション（3種だけ。増やさない）----
     --grad         罫線・帯など «線» に使う横向き。見本のカラーバーの再現
     --grad-on-dark 暗い面の線・文字用（藍まで行かせない版）
     --grad-hero    ヒーローの «地»。見本ポスターの再現

     見本ポスターの地を実測したら t = 0.382·x − 0.580·y + 0.616（平均誤差 0.07）
     ＝素直な線形で、角度 33deg・中間停止 50%・左下が藍で右上が桃だった。
     カラーバーの3点も #FFCEE4 / #678ECF / #2A2275 で指定値と一致。数値はそのまま使う。 */
  --grad:      linear-gradient(90deg, var(--c-pink) 0%, var(--c-blue) 52%, var(--c-indigo) 100%);
  /* 暗い面に «線» や «文字» として乗せる用。--grad をそのまま使うと終点の藍が
     地に沈んで、文字なら最後の1〜2字が読めなくなる（recruit の見出しで実際に起きた）。
     藍まで行かず、分光の中間（藤）を経て青で止める。 */
  --grad-on-dark: linear-gradient(90deg, var(--c-pink) 0%, #BA8EE1 46%, var(--c-blue) 100%);

  /* 白い文字・白い線が乗るヒーロー用。桃は «右上の角» に寄せて大きく置き、
     文字が来る左下は藍のまま残す。見本の «桃の広さ» を保ちながら可読性を守る。 */
  --grad-hero: radial-gradient(96% 82% at 94% 0%, var(--c-pink) 0%, rgba(255,206,227,.62) 24%, rgba(255,206,227,.16) 48%, transparent 68%),
               radial-gradient(80% 70% at 2% 100%, rgba(103,142,201,.30), transparent 62%),
               linear-gradient(33deg, var(--ink) 0%, var(--c-indigo) 38%, #4A5EA8 74%, var(--c-blue) 100%);


  /* ---- 暗い面に乗せる文字（白の透過で階調を作る。色を増やさない）---- */
  --on-dark:       rgba(255, 255, 255, .92);
  --on-dark-sub:   rgba(255, 255, 255, .70);
  --on-dark-muted: rgba(255, 255, 255, .44);
  --on-dark-line:  rgba(255, 255, 255, .14);
}