/* 打刻画面・管理画面の共通の土台。色はオーダーシステムに合わせる
   文字は本文16px以上・注記14px以上（12px は使わない）。タップできるものは44px四方以上 */
:root {
  --bg: #eeeeee;
  --panel: #ffffff;
  --ink: #1b1b1f;
  --ink-2: #45474f;
  --line: #d6d6d6;
  --accent: #e28536;          /* オレンジ：退勤・選択中 */
  --ok: #3f9b3a;              /* 緑：出勤・出勤中 */
  --ok-soft: #e3f3e1;
  --danger: #d8412f;
  --danger-soft: #fde3df;
  --warn-soft: #fff4c2;
  --admin-accent: #bb762f;    /* 管理画面の帯・メニュー */
  --admin-bg: #fefbff;
  --admin-tonal: #dae2fd;
  --admin-tonal-ink: #06193f;
  --sat: #1f5fbf;             /* 土曜の文字 */
  --sun: #d8412f;             /* 日曜・祝日の文字 */
  --font: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, system-ui, sans-serif;
  --fs: 16px; --fs-sm: 14px; --fs-lg: 18px;
  --tap: 44px;
  --radius: 8px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--font); font-size: var(--fs); line-height: 1.6; color: var(--ink); background: var(--bg); }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: #1f5fbf; }
.nowrap { white-space: nowrap; }
.num { font-variant-numeric: tabular-nums; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }