/* 今日のボード 第 5 版の共通基準（架空データ）
   書体: Noto Sans JP のみ・太さ 400/700
   文字: 判断に使う文字 16px・補足 14px
   余白: 8 の倍数
   色: 墨・白・灰 3 段＋状態色 3（済・作業中・要対応）＋瑠璃色（ロゴだけ） */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

:root {
  --ink: #242830;
  --gray-1: #50565e;   /* 補足の文字（白地で 7:1 以上） */
  --gray-2: #6b727b;   /* 見出し・静かな文字（白地・灰地とも 4.5:1 以上） */
  --ctl: #80868f;      /* 押せるものの枠（白地・灰地とも 3:1 以上） */
  --line: #e4e6ea;     /* 区切り線 */
  --bg: #f6f7f8;
  --white: #ffffff;
  --done: #1f7a4d;
  --done-bg: #e8f3ed;
  --doing: #2458b3;
  --doing-bg: #e9effa;
  --attn: #9a5200;
  --attn-bg: #fdf1e2;
  --attn-line: #e6c99f;
  --brand: #134596;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
}

button { font: inherit; color: inherit; }
button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

.num { font-variant-numeric: tabular-nums; }
.muted { color: var(--gray-1); }
.faint { color: var(--gray-2); }
.done { color: var(--done); font-weight: 700; }
.doing { color: var(--doing); font-weight: 700; }
.warn { color: var(--attn); font-weight: 700; }
/* 状態の札（第 6 版）: 言葉の色だけでなく、薄い地の札にして一目で分かるようにする */
.chip { display: inline-block; padding: 0 8px; border-radius: 6px; font-size: 13px; line-height: 22px; font-weight: 700; white-space: nowrap; vertical-align: middle; }
.chip.ok { color: var(--done); background: var(--done-bg); }
.chip.bl { color: var(--doing); background: var(--doing-bg); }
.chip.at { color: var(--attn); background: var(--attn-bg); }
.chip.gy { color: var(--gray-1); background: var(--bg); border: 1px solid var(--line); }
.chip.in { color: var(--brand); background: #eef2fb; }
.amt { font-weight: 700; }