/**
 * カラー定数定義ファイル
 * 
 * このファイルでCSS変数を一元管理することで、
 * サイト全体の色を一括で変更できます。
 * 
 * 使用方法:
 *   background-color: var(--color-primary);
 *   color: var(--color-primary-dark);
 *   box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.3);
 */

:root {
    /* ========================================
     * プライマリカラー（メインブランドカラー）
     * ヘッダー、ナビバー、サイドバー、カードヘッダー等
     * ======================================== */
    --color-primary: #002c5b;           /* メインカラー（紺色） */
    --color-primary-dark: #001e40;      /* ホバー時などの暗め色 */
    --color-primary-light: #003d7a;     /* グラデーション用の明るめ色 */
    --color-primary-pale: #e6f0fa;      /* 背景に使う薄い色 */
    --color-primary-hover-bg: #f0f6ff;  /* ホバー時の背景色 */
    
    /* RGB形式（box-shadow等のrgba()で使用） */
    --color-primary-rgb: 0, 44, 91;
    
    /* ========================================
     * アクセントカラー
     * ボタンのシャドウ、アクティブ状態の強調等
     * ======================================== */
    --color-accent: #0047a3;            /* アクセント色 */
    --color-accent-light: #1a5cb8;      /* 明るめのアクセント */
    
    /* ========================================
     * グラデーション
     * ヘッダー背景、サービス電話番号表示等
     * ======================================== */
    --gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    --gradient-primary-90: linear-gradient(90deg, var(--color-primary), var(--color-primary-light));
    
    /* ========================================
     * フォーム関連
     * フォーカス時のボーダー、シャドウ等
     * ======================================== */
    --color-focus-border: var(--color-primary);
    --color-focus-shadow: rgba(var(--color-primary-rgb), 0.25);
    
    /* ========================================
     * テキストカラー
     * ======================================== */
    --color-text-primary: var(--color-primary);
    --color-link: var(--color-primary);
    --color-link-hover: var(--color-primary-dark);
    
    /* ========================================
     * 旧カラーの参照（移行用コメント）
     * ======================================== */
    /* 旧: #ea580c → 新: var(--color-primary) */
    /* 旧: #d04a0a → 新: var(--color-primary-dark) */
    /* 旧: #ff6b35 → 新: var(--color-primary-light) */
    /* 旧: #ff6100 → 新: var(--color-accent) */
    /* 旧: #ffba76 → 新: var(--color-primary-pale) */
    /* 旧: #de6220 → 新: var(--color-accent) */
}