/* =============================================================
   NAFCO RENEWAL 2026 — PROテーマ（theme-pro.css）
   対象: PROカテゴリ（法人向け・category_id=50 配下）のページ
         SC_Helper_Renewal_Ex::setTheme('pro') が設定されたリクエストで
         body に .nf-theme-pro が付き、本ファイルが読み込まれる
         （site_main.tpl / site_frame.tpl 参照）。
   仕組み: common.css の :root デザイントークンを body スコープで上書きする
         だけで、ヘッダ・フッタ・ボタン・リンク等 var() 参照箇所の配色が
         一括で変わる。個別コンポーネントの上書きは極力書かず、
         トークンの差し替えで済ませること。
   テーマ追加手順: setTheme('xxx') → theme-xxx.css を本ファイルと同様に作成。
   ============================================================= */

body.nf-renewal.nf-theme-pro {
    /* 要確認: PRO の正式カラーパレットは未支給。暫定で淡い青系
    （ユーザー指定 2026-07-15。当初案は旧PROツールの紺 #012f69）。
     支給後はこのトークン群を差し替えるだけでよい。 */
    --color-accent: #6fa3d0; /* アクセント: 淡いブルー*/
    --color-accent-dark: #5588b8; /* アクセント濃*/
    --color-header-bg: #b6d2ee; /* ヘッダー背景: くすみブルー（白文字とのコントラスト確保のためやや濃いめ） */
    --color-footer-bg: #3572b0; /* フッター背景: ブルー */
}

.nf-infobar {
    background-color: var(--color-accent);
}
.nf-header {
    background-color: var(--color-header-bg);
}
.nf-finfo {
    background-color: var(--color-footer-bg);
}
.nf-footer {
    background-color: var(--color-footer-bg);
}
.nf-footer__copy-bar {
    background-color: var(--color-accent-dark);
}