/* style-modes.css — 背景モード(Dark / Light gray / Light beige)。tokenize_css.pyが生成: 直書きだった無彩色をCSS変数化(ダークは元の値のまま)し、ライトの値だけ上書きする。
   新しい色を足す時は --bg-xxxxxx / --fg-xxxxxx / --bd-xxxxxx を使うか、下の既存トークンを流用(hex直書きを増やさない)。--ov=白半透明(hover/罫線)の素の色。 */
:root {
  --ov: 255, 255, 255;
  --bd-27272a: #27272a;
  --bd-2a2a34: #2a2a34;
  --bd-3a3a48: #3a3a48;
  --bd-6b6b7b: #6b6b7b;
  --bd-ffffff: #ffffff;
  --bg-050507: #050507;
  --bg-0a0a0c: #0a0a0c;
  --bg-0b0b0d: #0b0b0d;
  --bg-0d0d0f: #0d0d0f;
  --bg-0d0d11: #0d0d11;
  --bg-0e0e13: #0e0e13;
  --bg-101013: #101013;
  --bg-111111: #111111;
  --bg-111116: #111116;
  --bg-121215: #121215;
  --bg-121217: #121217;
  --bg-14141a: #14141a;
  --bg-16161a: #16161a;
  --bg-16161b: #16161b;
  --bg-18181b: #18181b;
  --bg-18181c: #18181c;
  --bg-1a1a1e: #1a1a1e;
  --bg-1a1a22: #1a1a22;
  --bg-1b1b23: #1b1b23;
  --bg-1c1c24: #1c1c24;
  --bg-1f1f26: #1f1f26;
  --bg-22222c: #22222c;
  --bg-24242e: #24242e;
  --bg-252530: #252530;
  --bg-27272a: #27272a;
  --bg-2a2a34: #2a2a34;
  --bg-2a2a35: #2a2a35;
  --bg-3a2328: #3a2328;
  --bg-3a3a42: #3a3a42;
  --bg-5a5a64: #5a5a64;
  --bg-6b6b7b: #6b6b7b;
  --bg-7a7a84: #7a7a84;
  --bg-8a8a99: #8a8a99;
  --bg-ffffff: #ffffff;
  --fg-0b0b0d: #0b0b0d;
  --fg-1a1204: #1a1204;
  --fg-55555f: #55555f;
  --fg-5a5a68: #5a5a68;
  --fg-6b6b7b: #6b6b7b;
  --fg-8a8a95: #8a8a95;
  --fg-8a8a99: #8a8a99;
  --fg-8b8b9e: #8b8b9e;
  --fg-9a9aa5: #9a9aa5;
  --fg-aaaaaa: #aaaaaa;
  --fg-b0b0b8: #b0b0b8;
  --fg-b5b5bf: #b5b5bf;
  --fg-b8b8c2: #b8b8c2;
  --fg-c8c8d0: #c8c8d0;
  --fg-cbd5e1: #cbd5e1;
  --fg-d0d0d8: #d0d0d8;
  --fg-d8d8de: #d8d8de;
  --fg-e8e8f0: #e8e8f0;
  --fg-f0f0f3: #f0f0f3;
  --fg-f5f5f7: #f5f5f7;
  --fg-ffffff: #ffffff;
}
[data-qn-bg="gray"] {
  color-scheme: light;
  --ov: 30, 30, 40;
  --bd-27272a: #cdcdd2;
  --bd-2a2a34: #ccccd1;
  --bd-3a3a48: #c6c6cd;
  --bd-6b6b7b: #b7b7bf;
  --bd-ffffff: #888896;
  --bg-050507: #e2e2e6;
  --bg-0a0a0c: #e5e5e8;
  --bg-0b0b0d: #e5e5e8;
  --bg-0d0d0f: #e6e6e9;
  --bg-0d0d11: #e6e6e9;
  --bg-0e0e13: #e7e7ea;
  --bg-101013: #e8e8ea;
  --bg-111111: #e8e8eb;
  --bg-111116: #e8e8eb;
  --bg-121215: #e9e9eb;
  --bg-121217: #e9e9eb;
  --bg-14141a: #eaeaec;
  --bg-16161a: #ebebed;
  --bg-16161b: #ebebed;
  --bg-18181b: #ebebee;
  --bg-18181c: #ececee;
  --bg-1a1a1e: #ececef;
  --bg-1a1a22: #ededef;
  --bg-1b1b23: #ededef;
  --bg-1c1c24: #eeeef0;
  --bg-1f1f26: #efeff1;
  --bg-22222c: #f0f0f2;
  --bg-24242e: #f1f1f3;
  --bg-252530: #f2f2f3;
  --bg-27272a: #f3f3f4;
  --bg-2a2a34: #f4f4f6;
  --bg-2a2a35: #f4f4f6;
  --bg-3a2328: #f3f3f4;
  --bg-3a3a42: #fcfcfc;
  --bg-5a5a64: #fcfcfd;
  --bg-6b6b7b: #fcfcfd;
  --bg-7a7a84: #fcfcfd;
  --bg-8a8a99: #fcfcfd;
  --bg-ffffff: #fcfcfd;
  --fg-0b0b0d: #cacace;
  --fg-1a1204: #cacace;
  --fg-55555f: #ababb0;
  --fg-5a5a68: #a6a6ab;
  --fg-6b6b7b: #95959b;
  --fg-8a8a95: #787880;
  --fg-8a8a99: #78787f;
  --fg-8b8b9e: #77777e;
  --fg-9a9aa5: #6c6c73;
  --fg-aaaaaa: #606066;
  --fg-b0b0b8: #5b5b61;
  --fg-b5b5bf: #58585d;
  --fg-b8b8c2: #55555b;
  --fg-c8c8d0: #49494e;
  --fg-cbd5e1: #414145;
  --fg-d0d0d8: #434347;
  --fg-d8d8de: #3d3d41;
  --fg-e8e8f0: #313134;
  --fg-f0f0f3: #2b2b2e;
  --fg-f5f5f7: #28282a;
  --fg-ffffff: #202022;
}
[data-qn-bg="beige"] {
  color-scheme: light;
  --ov: 60, 45, 25;
  --bd-27272a: #ded3c1;
  --bd-2a2a34: #ddd2c0;
  --bd-3a3a48: #daceba;
  --bd-6b6b7b: #cfc0a6;
  --bd-ffffff: #b0986d;
  --bg-050507: #ece6dc;
  --bg-0a0a0c: #eee8df;
  --bg-0b0b0d: #eee9df;
  --bg-0d0d0f: #efe9e1;
  --bg-0d0d11: #efeae1;
  --bg-0e0e13: #efeae1;
  --bg-101013: #f0ebe2;
  --bg-111111: #f0ebe3;
  --bg-111116: #f0ebe3;
  --bg-121215: #f0ece4;
  --bg-121217: #f0ece4;
  --bg-14141a: #f1ece5;
  --bg-16161a: #f1ede6;
  --bg-16161b: #f2ede6;
  --bg-18181b: #f2eee7;
  --bg-18181c: #f2eee7;
  --bg-1a1a1e: #f3efe8;
  --bg-1a1a22: #f3efe8;
  --bg-1b1b23: #f3efe9;
  --bg-1c1c24: #f3f0ea;
  --bg-1f1f26: #f4f1eb;
  --bg-22222c: #f5f2ed;
  --bg-24242e: #f6f3ee;
  --bg-252530: #f6f4ef;
  --bg-27272a: #f7f4f0;
  --bg-2a2a34: #f8f6f2;
  --bg-2a2a35: #f8f6f2;
  --bg-3a2328: #f7f5f0;
  --bg-3a3a42: #fdfcfb;
  --bg-5a5a64: #fdfdfc;
  --bg-6b6b7b: #fdfdfc;
  --bg-7a7a84: #fdfdfc;
  --bg-8a8a99: #fdfdfc;
  --bg-ffffff: #fdfdfc;
  --fg-0b0b0d: #d4cec4;
  --fg-1a1204: #d4cec4;
  --fg-55555f: #bab1a1;
  --fg-5a5a68: #b6ac9c;
  --fg-6b6b7b: #a89c89;
  --fg-8a8a95: #8e8169;
  --fg-8a8a99: #8e8169;
  --fg-8b8b9e: #8d7f68;
  --fg-9a9aa5: #80745f;
  --fg-aaaaaa: #726755;
  --fg-b0b0b8: #6c6250;
  --fg-b5b5bf: #685e4d;
  --fg-b8b8c2: #655b4b;
  --fg-c8c8d0: #574f40;
  --fg-cbd5e1: #4d4639;
  --fg-d0d0d8: #50483b;
  --fg-d8d8de: #494236;
  --fg-e8e8f0: #3a352b;
  --fg-f0f0f3: #332e26;
  --fg-f5f5f7: #2f2a23;
  --fg-ffffff: #26221c;
}

/* 既存の色トークン(style-core.css :root)のライト値。ink=ほんのりグレーブラック */
[data-qn-bg="gray"] {
  --text-bright: #2b2b31;
  --text-pure-white: #1c1c21;
  --icon-muted: #7b7b88;
  --border-subtle: rgba(30, 30, 40, 0.12);
  --border-strong: rgba(30, 30, 40, 0.22);
  --bg-hover-subtle: rgba(30, 30, 40, 0.06);
  --sidebar-on-accent: #fff;
}
[data-qn-bg="beige"] {
  --text-bright: #38332b;
  --text-pure-white: #26221c;
  --icon-muted: #8a8272;
  --border-subtle: rgba(60, 45, 25, 0.14);
  --border-strong: rgba(60, 45, 25, 0.24);
  --bg-hover-subtle: rgba(60, 45, 25, 0.07);
  --sidebar-on-accent: #fff;
}

/* アクセント色の背景に載る文字は、ダークと同じ白のまま */
[data-qn-bg] .panel-fab-btn:not(.pcv2-fab-ab) { color: #fff; }