/* 矯正管理システム固有の色トークン。
 *
 * 【なぜ別ファイルか】
 * frontend/css/tokens.css は移植元と完全一致で同期する共有資産（identical）で、
 * 1文字でも変えると sync:check が落ちる。矯正だけで使う色はここに置く。
 *
 * 【何のための色か】
 * タブごとに業務領域の色を持たせ、いまどの領域を見ているかを
 * 文字を読まなくても分かるようにする。
 *
 * **警告色（黄・赤）とは役割が違う。**
 *   テーマ色 … どの業務領域か（場所を示す）
 *   警告色   … 何が起きているか（状態を示す）
 * 混ぜると「赤い画面なのか、遅れているのか」が読めなくなるため、
 * テーマ色は淡く、彩度を抑えたものだけを使う。
 * 患者説明のローズは、期限超過の赤（#d93025 系）とは明確に離した色にする。
 */

:root {
  /* 今日確認すること … ネイビー。横断して見る画面で、業務領域そのものではない */
  --theme-dashboard-border: #5b6b8c;
  --theme-dashboard-soft: #eef1f7;
  --theme-dashboard-text: #3a4661;

  /* 患者一覧 … ブルーグレー。ダッシュボードと近いが、より中立に */
  --theme-patients-border: #78889c;
  --theme-patients-soft: #f0f3f6;
  --theme-patients-text: #4a5768;

  /* 患者説明 … ローズ。期限超過の赤とは彩度・明度で離す */
  --theme-explanation-border: #c47b8a;
  --theme-explanation-soft: #fbf0f2;
  --theme-explanation-text: #8f4b5a;

  /* アライナー … 青。既存の主色と揃える */
  --theme-aligner-border: #4a86c8;
  --theme-aligner-soft: #eef4fb;
  --theme-aligner-text: #1f5c99;

  /* ワイヤー … オレンジ。注意の黄より濃く、赤より暖かい */
  --theme-wire-border: #c9853f;
  --theme-wire-soft: #fcf3e9;
  --theme-wire-text: #8a5518;

  /* 保留 … グレー。動いていない状態を色でも示す */
  --theme-hold-border: #94a0ad;
  --theme-hold-soft: #f2f4f6;
  --theme-hold-text: #5a646f;

  /* リファイメント … 紫 */
  --theme-refinement-border: #8b6db8;
  --theme-refinement-soft: #f4f0fa;
  --theme-refinement-text: #5f4185;

  /* 保定 … 緑。完了・安定の段階であることを示す */
  --theme-retention-border: #4f9068;
  --theme-retention-soft: #eef6f1;
  --theme-retention-text: #2f6544;
}