/* ============================================================
   theme.css — 色の定義（2026-10）
   全画面共通。色は「藍色」を基調に、必要な所だけに使う。
   色を変える時はここだけ直す。
   ============================================================ */
:root {
    --ai:        #165e83;   /* 藍色（あいいろ）：主ボタン・選択中・ヘッダーの線 */
    --ai-dark:   #0f3a52;
    --ai-pale:   #e8f1f6;
    --ink:       #2b2f33;   /* 文字 */
    --sub:       #6b7177;   /* 補足文字 */
    --line:      #d8dde2;   /* 罫線 */
    --head:      #f2f4f6;   /* 表見出し */
    --ok:        #3c8a5a;   /* 稼働中 */
    --warn:      #c48a10;   /* 要確認系ステータス */
    --bg:        #f8f9fa;   /* 画面の背景（生成り色に近い、やわらかい白）*/
    --row-line:  #e7e5df;   /* 表の横線 */
    --zebra:     #faf9f6;   /* 表の偶数行 */
    /* ボタン（2026-10：明るめの和色） */
    --btn-primary:       #1f6fb5;   /* 瑠璃色寄りの藍：検索・保存・印刷・ログイン */
    --btn-primary-hover: #185a94;
    --green:             #22a06b;   /* 若竹色：新規作成 */
    --green-hover:       #1b8457;
    --kaki:              #ed6d3d;   /* 柿色：スキルシート作成 */
    --kaki-hover:        #d4592b;
    --soft:              #e6ebf0;   /* クリア・戻る */
    --soft-hover:        #d6dde4;
    --tint-blue:         #e3effa;   /* 行追加・写真変更 */
    --tint-blue-hover:   #cfe3f6;
    --tint-red:          #fde7e4;   /* 行削除 */
    --tint-red-hover:    #fbd2cc;
    --alert:     #d6453d;   /* 未読バッジのみ */
}