/* ============================================================================
   Art palette (2026-09). The question-scene art (web/app/scene-art/) and the #/safety figures
   (web/app/safety-art/) and the course figures (web/app/course-scenes/chapters/) paint with these tokens through inline style="fill:var(..)", so dark mode is a
   token swap and nothing else. Hues follow docs/illustrations.md: yellow centre line,
   white edge and lane lines, Norwegian verge greens, the same red/blue/amber car hues.
   ========================================================================== */
.scene, .sa-fig, .cs {
  --rd-sky0: #a9c8e3; --rd-sky1: #d9e7f1; --rd-sky2: #eef3f6;
  --rd-cloud: #ffffff; --rd-mtn0: #9fb2c5; --rd-mtn1: #bccad7; --rd-snow: #f4f7fa;
  --rd-forest: #3d5a43; --rd-forest-far: #6f8a7a; --rd-meadow: #8fae78; --rd-meadow-hi: #b3cb98;
  --rd-grass: #88a874; --rd-grass-hi: #a3c08b; --rd-grass-lo: #6f9160;
  --rd-gravel: #a49d90; --rd-gravel-hi: #c0b9ac; --rd-gravel-lo: #857e72;
  --rd-asph: #53575e; --rd-asph-hi: #6f737a; --rd-asph-lo: #3f4248;
  --rd-paint: #f1f2ee; --rd-yellow: #f0bf2c; --rd-trace: rgba(255,255,255,.85);
  --rd-kerb: #cfd1d3; --rd-kerb-lo: #8e9297;
  --rd-pave: #c3beb4; --rd-pave-line: #aea99e; --rd-cobble: #9a978f; --rd-cobble-line: #75726b;
  --rd-shadow: rgba(18,24,32,.42);
  --rd-tree0: #5f8a57; --rd-tree1: #3f6a3f; --rd-tree2: #2b4f31;
  --rd-leaf0: #9dbb6a; --rd-leaf1: #6f9a4b; --rd-leaf2: #4f7a38;
  --rd-roof0: #9a4a3a; --rd-roof1: #7f3b2e; --rd-roof2: #5a2820;
  --rd-slate0: #6d7680; --rd-slate1: #59626c; --rd-slate2: #3f464e;
  --rd-pole0: #b9bec4; --rd-pole1: #8b9097; --rd-pole2: #6f747b;
  --rd-edgepost: #f3f3f0; --rd-edgepost-band: #1d2025; --rd-reflect: #f5d24a;
  --rd-tyre: #1e2126; --rd-tyre-hi: #3a3f46; --rd-arch: #15181c;
  --rd-rim0: #eef1f4; --rd-rim1: #b7bec7; --rd-rim2: #7d858f;
  --rd-glass0: #1c2733; --rd-glass1: #4f6780; --rd-glass2: #2b3947; --rd-glass-hi: #ffffff;
  --rd-trim: #20252b; --rd-lamp: #f4f1df; --rd-tail: #9a1f1c; --rd-tail-on: #ff3b30;
  --rd-skin: #e2b594; --rd-hair: #4a3528; --rd-shoe: #2a2c30;
  --rd-coat1: #3f5f7d; --rd-coat1-lo: #2e4861; --rd-coat1-hi: #6e8ca8;
  --rd-coat2: #7b5a3a; --rd-coat2-lo: #5b4129; --rd-coat2-hi: #a2825e;
  --rd-jacket: #e0a21f; --rd-jacket-lo: #b77f10; --rd-helmet: #eef0f2; --rd-helmet-lo: #9aa1a9; --rd-frame: #3b4048;
  --rd-carA: #b0251f; --rd-carA-hi: #d4574c; --rd-carA-lo: #6f1511;
  --rd-carB: #2c5a95; --rd-carB-hi: #5b86bf; --rd-carB-lo: #1a355a;
  --rd-carC: #cf8d20; --rd-carC-hi: #edb859; --rd-carC-lo: #8c5b0d;
  --rd-carW: #e3e6ea; --rd-carW-hi: #fbfcfd; --rd-carW-lo: #a8afb8;
  --rd-carK: #3a3f47; --rd-carK-hi: #5d646e; --rd-carK-lo: #1f2227;
  --rd-carS: #a3aab3; --rd-carS-hi: #cfd4da; --rd-carS-lo: #6f7780;
  --rd-carG: #6b7a6a; --rd-carG-hi: #909f8e; --rd-carG-lo: #475346;
  --rd-studio0: #eef1f5; --rd-studio1: #dde3ea; --rd-floor0: #cfd6de; --rd-floor1: #e8ecf1;
  --rd-ask-ring: rgba(255,255,255,.9);
  --rd-sign-red: #d0261b; --rd-sign-white: #fbfbf8; --rd-sign-yellow: #f5c518; --rd-sign-blue: #1f4fa3;
  --rd-sign-edge: rgba(0,0,0,.45); --rd-sign-ink: #1a1d22; --rd-sign-blank: #e3e6ea;
}
:root[data-theme="dark"] .scene, :root[data-theme="dark"] .sa-fig, :root[data-theme="dark"] .cs {
  --rd-sky0: #1b2a40; --rd-sky1: #26374d; --rd-sky2: #2e3e52;
  --rd-cloud: #5a6b80; --rd-mtn0: #334459; --rd-mtn1: #3c4d61; --rd-snow: #8795a6;
  --rd-forest: #1e3124; --rd-forest-far: #2f4439; --rd-meadow: #354d33; --rd-meadow-hi: #45613f;
  --rd-grass: #34492f; --rd-grass-hi: #405a39; --rd-grass-lo: #283a25;
  --rd-gravel: #5b5750; --rd-gravel-hi: #6d6961; --rd-gravel-lo: #47443e;
  --rd-asph: #2f3238; --rd-asph-hi: #43464d; --rd-asph-lo: #24262b;
  --rd-paint: #d9dad6; --rd-yellow: #d9ab25; --rd-trace: rgba(255,255,255,.7);
  --rd-kerb: #7d8186; --rd-kerb-lo: #4d5156;
  --rd-pave: #5d5a54; --rd-pave-line: #4d4a45; --rd-cobble: #55534e; --rd-cobble-line: #3f3d39;
  --rd-shadow: rgba(0,0,0,.5);
  --rd-tree0: #3f6139; --rd-tree1: #2c4a2c; --rd-tree2: #1d3622;
  --rd-leaf0: #5f7a42; --rd-leaf1: #46643a; --rd-leaf2: #33502b;
  --rd-roof0: #6e3a30; --rd-roof1: #5a2f27; --rd-roof2: #3d1f1a;
  --rd-pole0: #8a9097; --rd-pole1: #686d74; --rd-pole2: #53585e;
  --rd-edgepost: #c9cac6; --rd-glass1: #3e546b; --rd-rim0: #c9ced4; --rd-rim1: #949ba4;
  --rd-studio0: #222a35; --rd-studio1: #1b212a; --rd-floor0: #2b333e; --rd-floor1: #1f2630;
  --rd-carW: #c9cdd2; --rd-carW-hi: #e3e6e9; --rd-carW-lo: #8f969f;
  --rd-ask-ring: rgba(255,255,255,.35);
}
.scene, .sa-fig, .cs { --rd-bikelane: #9b5a5a; --rd-fence: #6d5a45; }
:root[data-theme="dark"] .scene, :root[data-theme="dark"] .sa-fig, :root[data-theme="dark"] .cs { --rd-bikelane: #5e3a3c; --rd-fence: #4a3d30; }
.scene, .sa-fig, .cs {
  --rd-skid: #1f2226; --rd-steam: #f4f6f8; --rd-debris: #2b2f35; --rd-glassbit: #dfe9f2;
  --rd-alu: #d9dde2; --rd-alu-hi: #eef0f3; --rd-alu-lo: #aab1b9; --rd-alu-dk: #8a929b;
  --rd-underrun: #c9a227; --rd-amber: #f0a020; --rd-adr: #f28c1b;
  --rd-desk: #c9b79c; --rd-card: #f4f5f2; --rd-card-edge: #b9bdc2; --rd-card-band: #d8dde3;
  --rd-card-photo: #dfe3e8; --rd-card-line: #d3d7dc; --rd-lens: rgba(190,215,235,.35);
}
:root[data-theme="dark"] .scene, :root[data-theme="dark"] .sa-fig, :root[data-theme="dark"] .cs {
  --rd-steam: #9aa5b1; --rd-alu: #8d949c; --rd-alu-hi: #a3a9b0; --rd-alu-lo: #6c737b;
  --rd-desk: #3d3528; --rd-card: #c8cbc6; --rd-card-band: #aeb4bb; --rd-card-photo: #b6bcc2; --rd-card-line: #a9aeb4;
}
/* the motorcycle rider's armoured jacket (bike branch: kit.mcSide / kit.mcTop) */
.scene, .sa-fig, .cs { --rd-rider: #2b3038; --rd-rider-hi: #56606d; }
:root[data-theme="dark"] .scene, :root[data-theme="dark"] .sa-fig, :root[data-theme="dark"] .cs { --rd-rider: #3a414b; --rd-rider-hi: #6a7481; }