/* za_palette.css - ズバッとAnswer のブランド色（LP と同じ値）
 *
 * 色の定義はこのファイルだけに置く（REQ-ZA-UI-COLOR-01）。
 * style.css / chat_enhanced.css / 認証系テンプレートはここの変数を参照する。
 * 状態色（成功・警告・エラー・info）は Bootstrap の既定のまま変えない。
 */
:root {
    /* 主色: 濃紺 */
    --za-navy: #10233A;          /* ナビバー、主ボタン、選択中 */
    --za-navy-dark: #0A1828;     /* ホバー、押下 */
    --za-navy-light: #18324F;    /* 濃紺の上の区切り、グラデーションの端 */

    /* 強調: 金 */
    --za-gold: #8C6A22;          /* リンク、白地の強調文字、アイコン、フォーカス枠 */
    --za-gold-light: #D9B76A;    /* 濃紺の地の上の文字・マーク */
    --za-gold-pale: #FBF6EA;     /* 淡い強調の地（選択中の行、チップ） */
    --za-chart-2: #B8913F;       /* グラフの 2 系列目 */

    /* 地・枠線・文字 */
    --za-bg: #F2F5F8;            /* 画面の地、カードの見出し */
    --za-surface: #FFFFFF;       /* カードの地 */
    --za-border: #DCE3EA;        /* 枠線 */
    --za-text: #10233A;          /* 本文 */
    --za-muted: #5B6B7C;         /* 補足文字 */

    --za-focus-ring: rgba(140, 106, 34, 0.25);   /* フォーカスの光彩 */
    --za-shadow: rgba(16, 35, 58, 0.12);         /* 影 */

    /* 状態色の補助（現行のまま） */
    --za-warning-soft: #E8B4A0;      /* .alert-warning の地 */
    --za-warning-border: #B8A894;    /* .alert-warning の枠 */

    /* Bootstrap 5（認証系画面）の変数に流し込む */
    --bs-primary: #10233A;
    --bs-primary-rgb: 16, 35, 58;
    --bs-link-color: #8C6A22;
    --bs-link-color-rgb: 140, 106, 34;
    --bs-link-hover-color: #10233A;
    --bs-link-hover-color-rgb: 16, 35, 58;
    --bs-focus-ring-color: rgba(140, 106, 34, 0.25);
}