/* =========================================================================
   テーマ変数（配色・トークン）
   -------------------------------------------------------------------------
   ★ 出所: AbicocoCoreWeb/wwwroot/css/theme-variables.css からのコピー。
     AttendanceWebApp のデザインに寄せるための共通トークンです。
     配色を変えるときは基本的にこのファイル（と元の AbicocoCoreWeb 側）
     だけを編集すればOKです。コンポーネントの見た目（theme.css）は
     すべてここの変数を参照しています。

   ★ 同期ルール: このファイルは AbicocoCoreWeb 側の正典のコピーです。
     値を変える場合は元（AbicocoCoreWeb/wwwroot/css/theme-variables.css）も
     合わせて更新し、ドリフトさせないでください。

   プライマリカラーは AttendanceWebApp / AbicocoCoreWeb と同じ色に合わせています。
   色を変える場合は --primary-color と --primary-rgb を必ずセットで更新してください
   （--primary-rgb は影やフォーカスリングの半透明色に使用します）。
   ========================================================================= */
:root {
    /* ===== ブランドカラー ===== */
    --primary-color: #1976d2; /* Login.cshtml のプライマリカラー */
    --primary-rgb: 25, 118, 210; /* ↑ の RGB（rgba() 用。--primary-color と必ず一致させる） */
    --primary-dark: #1565c0; /* ホバー・押下時 */
    --primary-light: #42a5f5;
    --accent-color: #ff4081;

    /* ===== 背景 ===== */
    --bg-body: #f5f7fa; /* ページ全体の背景 */
    --bg-card: #ffffff; /* カード・入力欄の背景 */
    --bg-section: #eef4fb; /* 見出し帯・テーブルヘッダ等の淡い背景 */
    --bg-dark: #e2ecf7;

    /* ===== テキスト ===== */
    --text-primary: rgba(0, 0, 0, 0.87);
    --text-secondary: rgba(0, 0, 0, 0.6);
    --text-muted: rgba(0, 0, 0, 0.45);

    /* ===== ボーダー ===== */
    --border-light: #eef1f5;
    --border-default: #dbe2ea;
    --border-dark: #c4cedb;

    /* ===== ステータス色 ===== */
    --success-color: #4caf50;
    --warning-color: #ffa726;
    --danger-color: #e53935;
    --danger-dark: #c62828;
    --info-color: #42a5f5;

    /* ===== シャドウ（プライマリ色を薄く反映） ===== */
    --shadow-sm: 0 2px 4px rgba(var(--primary-rgb), 0.08);
    --shadow-md: 0 4px 8px rgba(var(--primary-rgb), 0.12);
    --shadow-lg: 0 8px 16px rgba(var(--primary-rgb), 0.16);

    /* ===== 角丸 ===== */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;

    /* ===== フォント ===== */
    --font-family-base: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
}