/*
 * Sáng/tối do NGƯỜI DÙNG chọn, không chỉ theo cài đặt máy.
 *
 * style.css và giao-dien.css đều có khối @media (prefers-color-scheme). Khối ấy đúng nhưng không
 * đủ: bác sĩ trực đêm ở buồng bệnh tối muốn màn hình tối trong khi máy tính chung của khoa đặt
 * sáng, và không ai đi sửa cài đặt hệ điều hành của máy dùng chung để đọc một mã ICD. Ở đây token
 * khai lại trên [data-theme] — thắng media query vì đặc hiệu hơn — nên lựa chọn của người dùng phủ
 * lên máy, còn khi họ chưa chọn gì thì máy vẫn quyết như cũ.
 *
 * color-scheme đi kèm: thiếu nó thì thanh cuộn, ô chọn ngày và dropdown vẫn giữ màu của hệ điều
 * hành — nền tối mà thanh cuộn trắng loá.
 */
:root[data-theme="sang"] {
  color-scheme: light;
  --bg: #f3f2f2;
  --surface: #f3f2f2;
  --ink: #201e1d;
  --ink-soft: #605d5d;
  --line: #d7d3d3;
  --seal: #006786;
  --seal-soft: #e9f8ff;
  --ok: #1c6b3f;
  --warn: #8a5a00;
  --err: #aa0b56;
}
:root[data-theme="toi"] {
  color-scheme: dark;
  --bg: #17181a;
  --surface: #17181a;
  --ink: #e8e5e0;
  --ink-soft: #a9aab0;
  --line: #33363a;
  --seal: #99e0ff;
  --seal-soft: #123a48;
  --ok: #5ecb96;
  --warn: #e3b341;
  --err: #ff90b1;
}

#btn-theme { min-width: 34px; padding: 7px 10px; }