/* 画面の見た目の決めごと。値ごとの理由は docs/デザイン根拠.md（値を変えるときは理由も直す）
   丸み=「押せる」の合図 / 太さ=区切りの階層 / 色=意味があるときだけ / 大きさ=役割と指の大きさ */
:root {
  /* --- 色: 面と文字 --- */
  --bg: #f4f7fa;            /* 紙(白い面)をのせる地。白い面だけが浮いて見える */
  --card: #ffffff;
  --txt: #18242f;           /* 白地に対して 15.8:1 */
  --sub: #4f5d6a;           /* 補助の文字。土日の色の上でも 4.5:1 以上 */
  /* --- 色: 区切り線（太さと対にして使う） --- */
  --line-fine: #aebdcc;     /* 同じ階層の仲間のあいだ(マスとマス)。うるさくならない薄さ */
  --line-strong: #5b7a99;   /* 階層の境(外枠・固定見出し・週・入力部品の縁)。白地に 4.48:1（線は3:1以上が基準） */
  /* --- 色: 意味を持つものだけ --- */
  --head: #24496f;          /* 固定される見出し。動かない目印だけを濃くし、視線のよりどころにする */
  --head-txt: #ffffff;
  --name-bg: #dde8f3;       /* 運転手名の列。見出しより一段薄く「行の見出し」だと分かる */
  --accent: #2a6db5; --accent-dk: #1d4f86; --accent-bg: #e3eef9;  /* 押せる・選んでいる・今ここ */
  --sat-bg: #e1eefa; --sat-txt: #1d4f86;                           /* 土 */
  --sun-bg: #fdecd6; --sun-txt: #8a4300;                           /* 日。赤は異常専用なので、日は橙にして混ざらせない */
  --off-bg: #e4e8ec; --off-txt: #4a5764;                           /* 休み・有休。出勤しない日は背景へ退かせる */
  --bad: #c0362c; --bad-bg: #fdecea;                                /* 異常(抜け・重なり・失敗)専用。ほかの用途に使わない */
  /* --- 書体と大きさ（役割ごとに1つ） --- */
  --font: "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;  /* 読み間違えにくいUD書体 */
  --fs-title: 22px;         /* 画面の名前 */
  --fs-base: 15px;          /* 本文・ボタン・窓。50代が事務所の画面で読み続ける大きさ */
  --fs-cell: 14px;          /* 表のマス。1画面に入る日数との折り合い */
  --fs-note: 13px;          /* 注意書き。読まれる必要がある補助 */
  --fs-sub: 12px;           /* マスの下段など。これより小さくしない */
  /* --- 大きさと間隔 --- */
  --hit: 44px;              /* 指で押す部品の高さ(タブレット)。表の中の補助ボタンだけ --hit-s */
  --hit-s: 36px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; /* 4px刻みで揃え、ずれを情報に見せない */
  --r-ctl: 6px;             /* 押せるものだけ丸める。面(表・パネル・窓)は紙と同じく角 */
  --cell-w: 88px;           /* 全角5字(コース名)+左右の余白が1行に入る幅 */
  --cell-h: 52px;           /* 上段・下段の2行が余裕を持って入る高さ */
  color-scheme: light;
}