/* shift-request-form 共通デザイントークン
   index.html / admin.html の両方から読み込む。
   ここには「色などの変数」だけを置き、レイアウトやタグ単位のスタイルは置かない
   (button/section等のタグセレクタを書くと、もう一方の画面に影響してしまうため) */

:root {
  /* ベースカラー(既存teal系を踏襲しつつ落ち着かせた版) */
  --color-primary: #1F5E70;
  --color-primary-tint: #E8F1F3;
  --color-accent: #5B4B8A;
  --color-bg: #FAF8F3;
  --color-card: #FFFFFF;
  --color-text: #2B2B28;
  --color-muted: #6B6B63;
  --color-border: #E7E2D8;

  /* 人員バランス・状態カラー(意味のある色だけに絞る) */
  --safe-bg: #E3F1E7;
  --safe-fg: #2F6B44;
  --warning-bg: #FBEDD1;
  --warning-fg: #8A5A00;
  --danger-bg: #F7E0DD;
  --danger-fg: #A93226;

  /* フォント(Webフォントは使わず、端末搭載の丸ゴシックを優先) */
  --font-family: "Hiragino Maru Gothic ProN", "BIZ UDGothic", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;

  /* スクロール可能な一覧領域(スタッフ選択・スタッフ管理・提出状況)の共通高さ */
  --scroll-area-height: 600px;
}

* { box-sizing: border-box; }