﻿/* ─────────────────────────────────────────────────────────────────────────
   theme.css — 労務ポータルOne 共通カラートークン
   旧来のブルー系ブランドカラーを、HRダッシュボード（dashboard.html）で
   導入した暖色（オレンジ＋クリーム）に統一するための CSS変数。

   対象は「ブランドカラー（ヘッダー・主要ボタン・リンク・フォーカス・
   タブactive・ページ背景）」のみ。エラー/成功/警告などの意味色や、
   枠線・テーブル見出し等の中立グレーはここでは扱わない（変更しない）。
   ───────────────────────────────────────────────────────────────────────── */
:root {
  /* 文字を伴う／白文字の背景になる要素用（WCAG AA 4.5:1以上を確保） */
  --c-primary:          #c2570c;  /* 旧 #f97316。ボタン背景・リンク・アクティブタブ・フォーカス枠。白文字とのコントラスト比 4.51:1 */
  --c-header-bg:        var(--c-primary); /* ヘッダー専用に分けていたが、--c-primaryを濃くしたため統合 */
  --c-primary-hover:    #9a3412;  /* hover時の濃色（旧 --c-primary-dark の値を流用） */
  --c-primary-dark:     #7c2d12;  /* より濃いテキスト用 */
  --c-primary-disabled: #e2a574;  /* 無効化ボタン背景（旧 #93aee8 相当。文字なしの場合が多いため厳密AA対象外） */
  /* 装飾のみ（文字を乗せない塗り・グラデーション・アイコン背景）用。明るいオレンジを維持してメリハリを残す */
  --c-accent:           #f97316;  /* KPIアイコンの縁取りやグラデーション等の装飾専用。文字を乗せないこと */
  --c-accent-soft:      #fb923c;  /* 同上、やや淡い版 */
  --c-tint:             #fff3e2; /* 旧 #eff6ff（薄い背景タイント。濃色文字と組み合わせる） */
  --c-tint-strong:      #ffe3c2; /* 旧 #dbeafe（バッジ・アバター背景） */
  --c-border-tint:      #ffd9a8; /* 旧 #bfdbfe（薄い枠線） */
  --c-border-mid:       #fdba74; /* 旧 #93c5fd（中間の枠線） */
  --c-bg-soft:          #fff7ed; /* 旧 #e0e7ff（会社選択バー等の背景） */
  --c-hover-bg:         #fff8f0; /* 旧 #f8faff（テーブル行hover背景） */
  --c-info-text:        #c2410c; /* 旧 #1d4ed8 / 一部の #2563eb（info系テキスト。薄い背景に乗せる前提） */
  --c-page-bg:          #fdf8f1; /* 旧 body背景 #f3f4f6（ページ全体の背景のみ） */
}
