/* Design tokens (page.md, Design system): dark first, then light by media query or data-theme. */
:root {
  --sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  color-scheme: dark;
  --bg: #0e1013; --surface: #161a1f; --surface-2: #1d2229; --line: #2a3039; --line-2: #363d48;
  --fg: #e6e9ee; --dim: #9aa1ad; --faint: #6c7380; --ink: #c9ced6;
  --need: #f2933a; --need-bg: #2e1f10; --need-line: #6b4119;
  --bad: #f06a63; --bad-bg: #2e1514;
  --run: #5aa6ff; --run-bg: #12233a; --run-2: #3a78c2;
  --wait: #8d95a2; --wait-bg: #20252d; --wait-2: #4a525e;
  --ok: #4cc26a; --ok-bg: #12271a;
  --held: #b394e6;
  --focus: #9cc8ff;
  --shadow: 0 1px 0 rgba(0,0,0,.25);
  --ph-plan: #9cc8ff; --ph-build: #5aa6ff; --ph-review: #2f6db5; --ph-assess: #8a8cf0; --ph-reply: #b6b9f6;
  --cat-model: #5aa6ff; --cat-tests: #2f6db5; --cat-read: #6c7380; --cat-write: #9cc8ff; --cat-git: #8a8cf0; --cat-other: #363d48;
  --k-feature: #7fb4ff; --k-fix: #ec8b84; --k-docs: #74cf90; --k-chore: #9aa1ad; --k-assess: #b9a0f2; --k-refactor: #d29df2; --k-test: #dcc068;
  --cpu: #5aa6ff; --mem: #4fc1b3; --five: #5aa6ff; --week: #d68cc6;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #f5f6f8; --surface: #ffffff; --surface-2: #eef1f4; --line: #dde2e8; --line-2: #c9d0d9;
    --fg: #1a1e24; --dim: #5a626e; --faint: #848c98; --ink: #3a414b;
    --need: #b85600; --need-bg: #fff2e5; --need-line: #f0c697;
    --bad: #c62f28; --bad-bg: #fdeceb;
    --run: #1d6bd0; --run-bg: #e7f0fc; --run-2: #7aaee9;
    --wait: #6b7380; --wait-bg: #edf0f3; --wait-2: #b4bbc5;
    --ok: #1d8a3e; --ok-bg: #e5f4e9;
    --held: #7a4fc0;
    --focus: #1d6bd0;
    --shadow: 0 1px 2px rgba(20,30,40,.06);
    --ph-plan: #8dbcf0; --ph-build: #1d6bd0; --ph-review: #0f4a96; --ph-assess: #5b5fd6; --ph-reply: #9a9ee8;
    --cat-model: #1d6bd0; --cat-tests: #0f4a96; --cat-read: #9aa2ad; --cat-write: #8dbcf0; --cat-git: #5b5fd6; --cat-other: #c9d0d9;
    --k-feature: #1d5fb8; --k-fix: #b0352e; --k-docs: #1f7a3d; --k-chore: #5a626e; --k-assess: #6b46b8; --k-refactor: #7b3fc4; --k-test: #7a5d00;
    --cpu: #1d6bd0; --mem: #12857a; --five: #1d6bd0; --week: #a3407f;
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f6f8; --surface: #ffffff; --surface-2: #eef1f4; --line: #dde2e8; --line-2: #c9d0d9;
  --fg: #1a1e24; --dim: #5a626e; --faint: #848c98; --ink: #3a414b;
  --need: #b85600; --need-bg: #fff2e5; --need-line: #f0c697;
  --bad: #c62f28; --bad-bg: #fdeceb;
  --run: #1d6bd0; --run-bg: #e7f0fc; --run-2: #7aaee9;
  --wait: #6b7380; --wait-bg: #edf0f3; --wait-2: #b4bbc5;
  --ok: #1d8a3e; --ok-bg: #e5f4e9;
  --held: #7a4fc0;
  --focus: #1d6bd0;
  --shadow: 0 1px 2px rgba(20,30,40,.06);
  --ph-plan: #8dbcf0; --ph-build: #1d6bd0; --ph-review: #0f4a96; --ph-assess: #5b5fd6; --ph-reply: #9a9ee8;
  --cat-model: #1d6bd0; --cat-tests: #0f4a96; --cat-read: #9aa2ad; --cat-write: #8dbcf0; --cat-git: #5b5fd6; --cat-other: #c9d0d9;
  --k-feature: #1d5fb8; --k-fix: #b0352e; --k-docs: #1f7a3d; --k-chore: #5a626e; --k-assess: #6b46b8; --k-refactor: #7b3fc4; --k-test: #7a5d00;
  --cpu: #1d6bd0; --mem: #12857a; --five: #1d6bd0; --week: #a3407f;
}