/* =====================================================
   テーマ設定ファイル（CSS変数）
   配色切り替え方法：
     HTML の <link rel="stylesheet" href="css/theme.css">
     を theme-b.css（スレート×テール）または
        theme-c.css（現行ブルー継承）に変更するだけ
   ===================================================== */

/* ===== ディープネイビー × スレートグレー（現在適用中） ===== */
:root {
    /* ─── プライマリ ─── */
    --blue:              #1B2A4A;   /* ディープネイビー */
    --blue-light:        #2E4A7A;   /* ホバー・サブ */

    /* ─── アクセント（スレートグレー） ─── */
    --accent:            #708090;   /* スレートグレー */
    --accent-soft:       #95A5B5;   /* スレート薄め */
    --accent-hover:      #5A6B7A;   /* スレートホバー */

    /* ─── テキスト ─── */
    --gray:              #1F2A3A;   /* 本文テキスト */
    --mid-gray:          #5A6478;   /* サブテキスト */
    --mid-gray-light:    #8A9AB0;   /* プレースホルダ等 */

    /* ─── 背景 ─── */
    --light-gray:        #F4F5F8;   /* ページ背景 */
    --white:             #FFFFFF;

    /* ─── 後方互換（既存CSS変数名を維持） ─── */
    --box-color:         #5A6478;
    --royal-blue:        #2E4A7A;
    --dark-red:          #5A6B7A;
    --dark-navy:         #1B2A4A;
    --footer-contact-bg: #1B2A4A;
    --nav-green:         #708090;
    --pink:              #D0D8E0;
}