body.light {
  color-scheme: light;
  --bg: #ffffff; --bg-2: #f6f6f4; --hi: #eeeeeb;
  --line: #e4e4e0; --line-2: #d1d1cc; --line-3: #adada7;
  --ink: #17171a; --ink-2: #52525b; --ink-3: #74747d;
  --act: #5a48c8;
  --stop: #b8443b; --stop-fill: #ffe0da; --stop-on: #7a1a12;
  --pri-bg: #1b1b1e; --pri-hover: #000000;

  --surf: #ffffff; --surf-2: #f6f6f4; --edge: #d9d9d4;
  --lift: 0 1px 2px rgba(0, 0, 0, .06);
  --act-fill: #5a48c8; --act-on: #ffffff; --act-soft: #ebe7ff;
  --ok: #2f8f52; --ok-fill: #e7f5ec; --ok-on: #1c6b3d; --ok-edge: #bfe4cd;
  --stop-edge: #f0c7c0;

  --pri-on: var(--bg); --done-fill: var(--ink); --done-on: var(--bg);
  --rule: 1px solid var(--line);
  --data: #9a9aa2;
  --glass: #fcfcfb; --glass-2: #f4f4f2; --glass-3: #ebebe8; --glass-ln: #e0e0dc;
  --g-ink: #1a1a1c; --g-ink-2: #5c5c66; --g-ink-3: #8a8a93;
  --add: #2f8f52; --del: #b8443b;
  --syn-key: #35618f; --syn-str: #3f6b48; --syn-num: #8a5f22; --syn-fn: #6b4a86; --syn-typ: #1f6f63; --syn-att: #93415a;
  --veil: rgba(0, 0, 0, .28);
  --shadow: 0 8px 24px rgba(0, 0, 0, .12);
}
body.light ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .16); background-clip: padding-box; }
body.light .nlogo .nh { filter: none; }