/* 日夜主题调色板；布局样式见 css/board.css */
:root,
html[data-theme="light"] {
  --bg: #f5f5f2;
  --surface: #ffffff;
  --surface-2: #f0f0ec;
  --surface-3: #e7e7e2;
  --text: #1f2124;
  --text-2: #50545a;
  --muted: #8e9198;
  --border: #e4e4df;
  --accent: #f0a020;
  --accent-strong: #d98a0b;
  --accent-soft: #fdf1dc;
  --danger: #e5484d;
  --danger-soft: #fde8e8;
  --overlay: rgba(25, 27, 30, .38);
  --shadow: 0 6px 24px rgba(30, 32, 36, .08);
  --shadow-lg: 0 18px 50px rgba(30, 32, 36, .18);

  --c-red: #fde4e2;
  --c-orange: #fdebd6;
  --c-yellow: #fdf4c8;
  --c-green: #dff2e1;
  --c-blue: #dde9fb;
  --c-purple: #ece2fb;

  --ok: #2f8f4e;
  --ok-soft: #e1f3e6;
  --warn: #b86e00;
  --warn-soft: #fdf0d9;
  --sticky-bg: #fff6c9;
  --sticky-line: #efe2a0;
  --sticky-text: #3d3620;
}

html[data-theme="dark"] {
  --bg: #16181d;
  --surface: #20232a;
  --surface-2: #2a2d35;
  --surface-3: #343842;
  --text: #ececee;
  --text-2: #b9bbc2;
  --muted: #858993;
  --border: #30333b;
  --accent: #f3ac38;
  --accent-strong: #ffbf57;
  --accent-soft: #3a3020;
  --danger: #f26b6f;
  --danger-soft: #3b2426;
  --overlay: rgba(0, 0, 0, .55);
  --shadow: 0 6px 24px rgba(0, 0, 0, .3);
  --shadow-lg: 0 18px 50px rgba(0, 0, 0, .5);

  --c-red: #432a2b;
  --c-orange: #45331f;
  --c-yellow: #423c20;
  --c-green: #233a29;
  --c-blue: #22324a;
  --c-purple: #352a4a;

  --ok: #5cc27d;
  --ok-soft: #1f3a29;
  --warn: #f0b04a;
  --warn-soft: #3d3020;
  --sticky-bg: #37321d;
  --sticky-line: #4a4428;
  --sticky-text: #f1e9c8;
}

/* 色点（选择器、勾选框）在两种主题下共用 */
:root {
  --dot-red: #ef5b55;
  --dot-orange: #f5913f;
  --dot-yellow: #f0c43a;
  --dot-green: #47b267;
  --dot-blue: #4a8fe0;
  --dot-purple: #9a6ae0;
}

/* 图表柱色：经过对比度校验，亮暗两种背景都 >= 3:1 */
:root {
  --chart-bar: #c47a06;
  --pri-high: #e5484d;
  --pri-medium: #e08a00;
  --pri-low: #8e9198;
}