:root {
  --map-road: var(--world-road);
  --map-night-panel: #121d2c;
  --map-night-grass: #1b302b;
  --map-night-park: #142b23;
  --map-night-water: #17334d;
  --map-night-road: #889eae;
  --map-night-ink: #ffffff;
  --map-night-marker: #7fd1ff;
  --map-night-border: #4b667a;
  --map-contrast-ink: #000000;
  --space-overlay-gap: 12px;
  --avatar-coat-0: #25bfa9;
  --avatar-coat-1: #d86696;
  --avatar-coat-2: #eeb94b;
  --avatar-coat-3: #8870dc;
  --avatar-coat-4: #439ed2;
  --avatar-coat-5: #e47d4e;
  --avatar-skin: #d4a47e;
  --avatar-hair: #47394a;
  --avatar-eyes: #202839;
  --avatar-smile: #976252;
  --avatar-trousers: #455270;
  --avatar-shoes: #2a3045;
  --avatar-accent: #f7e8bf;
  --avatar-buttons: #e8d3a4;
  --avatar-label-ink: #282446;
  --avatar-dog-fur: #ba854c;
  --avatar-dog-cream: #eddbb8;
  --avatar-dog-dark: #49403b;
  --avatar-dog-eyes: #201e1c;
  --avatar-dog-collar: #458c86;
  --avatar-dog-leash: #61554c;
  --color-text: #27382d;
  --color-muted: #718173;
  --color-panel: #fafbf5;
  --color-panel-translucent: #fafbf5ed;
  --color-primary: #254c36;
  --color-primary-hover: #163c26;
  --color-on-primary: #f6f8ef;
  --color-border: #dce3d5;
  --color-accent: #76a777;
  --color-shadow: #1e38251a;
  --color-overlay: #213b2f66;
  --radius-panel: 20px;
  --radius-button: 10px;
  --font-body: "Segoe UI", system-ui, sans-serif;
  --font-mono: "Cascadia Mono", "Consolas", monospace;
  --world-sky: #70ceef;
  --world-night-sky: #101b32;
  --world-dusk-sky: #b8847d;
  --world-night-light: #8ca6d0;
  --world-dusk-sun: #ffb875;
  --world-window-lit: #ffd992;
  --world-street-light: #ffd398;
  --world-headlight-beam: #ffe7bc;
  --world-emission-off: #000000;
  --world-comic-ink: #302b40;
  --world-cartoon-ink: #20172f;
  --world-cartoon-paper: #fff8de;
  --world-cartoon-soft: #ffe2ae;
  --world-cartoon-frame: #fff3b0;
  --world-cartoon-glass: #287fbe;
  --world-cartoon-glint: #ddfcff;
  --world-cartoon-accent: #ffb52b;
  --world-cartoon-alt: #ed6a9e;
  --world-toy-ink: #27243e;
  --world-toy-trim: #fff2c4;
  --world-toy-glass: #5397cf;
  --world-toy-accent: #ef9477;
  --world-toy-glint: #c5edff;
  --world-green-dot: #00ff00;
  --world-green-line: #008f00;
  --world-green-surface: #000c00;
  --world-vehicle-indicator: #ffad24;
  --world-light: #f4fcff;
  --world-fill-light: #e5f0dc;
  --world-sun: #fff5dc;
  --world-earth: #ad8252;
  --world-grass: #79bc43;
  --world-park: #4da43a;
  --world-road: #566778;
  --world-path: #f1dca2;
  --world-water: #249fd4;
  --world-roof: #4c677b;
  --world-roof-warm: #c36b42;
  --world-cream: #d8c8a7;
  --world-brick: #b7907a;
  --world-plaster: #e3ddd0;
  --world-stone: #b9b5ad;
  --world-window: #64747a;
  --world-wood: #996237;
  --world-leaves: #398633;
  --world-leaves-light: #74c447;
  --world-leaves-shade: #23622f;
  --world-leaves-alt-light: #bad94e;
  --world-leaves-alt-shade: #637f26;
  --world-leaves-coral-light: #4eb376;
  --world-leaves-coral-shade: #226549;
  --world-texture-base: #ffffff;
  --world-texture-soft: #f5f4ef;
  --world-texture-grain: #e3e3dc;
  --world-texture-joint: #cecec4;
  --world-frame: #f6f1df;
  --world-frame-shadow: #7b7f7a;
  --world-glass-highlight: #8ca3ac;
  --world-glass-soft: #748d98;
  --world-door: #655745;
  --world-facade-0: #f3d58d;
  --world-facade-1: #d77c54;
  --world-facade-2: #fff1d5;
  --world-facade-3: #8dc9d3;
  --world-facade-4: #e4b854;
  --world-facade-5: #e6a79a;
  --world-facade-6: #a6cc84;
  --world-facade-7: #8fb9dd;
  --world-leaves-alt: #93ac35;
  --world-leaves-coral: #328f58;
  --world-art-rib: #e8e4ff;
  --world-art-panel: #263049;
  --world-art-glow: #f9f1ba;
  --world-art-highlight: #ffffff;
}

:root[data-graphics-mode="mindcraft"] {
  --color-text: #17344a;
  --color-muted: #4c6b7c;
  --color-panel: #fffdf3;
  --color-panel-translucent: #fffdf3f5;
  --color-primary: #176ac4;
  --color-primary-hover: #1055a1;
  --color-on-primary: #ffffff;
  --color-border: #c6dfeb;
  --color-accent: #df8a14;
  --color-shadow: #164e7024;
  --color-overlay: #14395666;
  --world-sky: #38bdf5;
  --world-night-sky: #0b214c;
  --world-dusk-sky: #ff9b60;
  --world-night-light: #8ebbf3;
  --world-dusk-sun: #ffc071;
  --world-window-lit: #ffe48a;
  --world-vehicle-indicator: #ffb51b;
  --world-light: #f1fbff;
  --world-fill-light: #e0f6e7;
  --world-sun: #fff6df;
  --world-earth: #b97b36;
  --world-grass: #67c835;
  --world-park: #36ac36;
  --world-road: #405b79;
  --world-path: #ffe0a1;
  --world-water: #168de2;
  --world-roof: #2365b5;
  --world-roof-warm: #e65232;
  --world-facade-0: #13bdd4;
  --world-facade-1: #f05245;
  --world-facade-2: #ffd044;
  --world-facade-3: #8860dc;
  --world-facade-4: #298eea;
  --world-facade-5: #ef68a9;
  --world-facade-6: #a2cf32;
  --world-facade-7: #ff9330;
  --world-wood: #a55d2d;
  --world-leaves: #25a340;
  --world-leaves-alt: #86bc24;
  --world-leaves-coral: #159c68;
  --world-leaves-light: #6fdb46;
  --world-leaves-shade: #147332;
  --world-leaves-alt-light: #b9e437;
  --world-leaves-alt-shade: #4f9023;
  --world-leaves-coral-light: #3cc987;
  --world-leaves-coral-shade: #08784d;
  --world-frame: #fff2d0;
  --world-frame-shadow: #4f7184;
  --world-window: #19486c;
  --world-glass-highlight: #86daf6;
  --world-glass-soft: #389bc7;
  --world-door: #764021;
}

:root {
  --world-meadow: #a5cf5c;
  --world-forest: #357a3c;
  --world-scrub: #78ad4a;
  --world-garden: #8bc953;
  --world-sport: #4fb58b;
  --world-sand: #efd38b;
  --world-gravel: #c3ad82;
  --world-paved: #a5afbb;
  --world-construction: #cc9b59;
  --world-wetland: #5ba28b;
  --world-playground: #efb557;
  --world-metal: #69797b;
  --world-sign: #f7f5e9;
  --world-sign-text: #213934;
  --world-bin: #4d6d5c;
  --world-lamp: #fff0c3;
  --world-signal-red: #be4e45;
  --world-signal-amber: #dca24c;
  --world-signal-green: #69a36b;
  --world-signal-off: #28322f;
  --world-vehicle-tyre: #292d33;
  --world-vehicle-glass: #456579;
  --world-vehicle-light: #fff1bc;
  --world-vehicle-tail: #cc484b;
  --world-vehicle-bus: #dfb83e;
  --world-vehicle-skin: #d5a37b;
}

:root[data-graphics-mode="mindcraft"] {
  --world-meadow: #9edb43;
  --world-forest: #188b46;
  --world-scrub: #66bd3e;
  --world-garden: #84d648;
  --world-sport: #24bd9a;
  --world-sand: #ffe09b;
  --world-gravel: #bdab8d;
  --world-paved: #8babc3;
  --world-construction: #e8a448;
  --world-wetland: #29b39e;
  --world-playground: #ffc332;
  --world-metal: #436f94;
  --world-signal-red: #f23b35;
  --world-signal-amber: #ffbd24;
  --world-signal-green: #34df60;
  --world-signal-off: #193849;
  --world-bin: #168c6c;
  --world-vehicle-tyre: #213247;
  --world-vehicle-glass: #174b7b;
  --world-vehicle-light: #fff4ab;
  --world-vehicle-tail: #f73843;
  --world-vehicle-bus: #ffd029;
  --world-vehicle-skin: #e8b381;
}

:root[data-graphics-mode="trine"] {
  --color-text: #31205c;
  --color-muted: #716085;
  --color-panel: #fffaf0;
  --color-panel-translucent: #fffaf0f5;
  --color-primary: #7834ce;
  --color-primary-hover: #5e23af;
  --color-on-primary: #ffffff;
  --color-border: #e9cceb;
  --color-accent: #db287c;
  --color-shadow: #64186628;
  --color-overlay: #2e145766;
  --world-sky: #23c9ed;
  --world-night-sky: #180d42;
  --world-dusk-sky: #f87ca8;
  --world-night-light: #a48aed;
  --world-dusk-sun: #ffc45c;
  --world-window-lit: #ffe76b;
  --world-vehicle-indicator: #ffc21b;
  --world-light: #f3fcff;
  --world-fill-light: #d9f6f0;
  --world-sun: #fff2ce;
  --world-earth: #346e85;
  --world-grass: #29c28d;
  --world-park: #129a78;
  --world-road: #354b83;
  --world-path: #ffd261;
  --world-water: #03bdec;
  --world-roof: #6838c4;
  --world-roof-warm: #f73582;
  --world-facade-0: #00d4d9;
  --world-facade-1: #ff3787;
  --world-facade-2: #ffcb22;
  --world-facade-3: #923df0;
  --world-facade-4: #168fff;
  --world-facade-5: #e139e7;
  --world-facade-6: #b2e42c;
  --world-facade-7: #ff8420;
  --world-wood: #9c4c9c;
  --world-leaves: #05c9ad;
  --world-leaves-alt: #edb91a;
  --world-leaves-coral: #ed3599;
  --world-leaves-light: #4cf0cd;
  --world-leaves-shade: #008e80;
  --world-leaves-alt-light: #ffe35c;
  --world-leaves-alt-shade: #be7610;
  --world-leaves-coral-light: #ff84ca;
  --world-leaves-coral-shade: #a91e93;
  --world-frame: #ffe39c;
  --world-frame-shadow: #655198;
  --world-window: #28377c;
  --world-glass-highlight: #4fe5ef;
  --world-glass-soft: #8775ed;
  --world-door: #5d2688;
  --world-art-rib: #ffe9a9;
  --world-art-panel: #2d2779;
  --world-art-glow: #66f0ed;
  --world-art-highlight: #fff8cf;
  --world-meadow: #8ada44;
  --world-forest: #13767d;
  --world-scrub: #42b58c;
  --world-garden: #7edc58;
  --world-sport: #318ed8;
  --world-sand: #ffd978;
  --world-gravel: #b5a0db;
  --world-paved: #7c97c5;
  --world-construction: #d96eb0;
  --world-wetland: #15afbf;
  --world-playground: #ffab29;
  --world-metal: #5868a6;
  --world-sign: #fff1bf;
  --world-sign-text: #402568;
  --world-bin: #168d98;
  --world-lamp: #ffe879;
  --world-signal-red: #ff3165;
  --world-signal-amber: #ffcc26;
  --world-signal-green: #31f59b;
  --world-signal-off: #32204d;
  --world-vehicle-tyre: #30204f;
  --world-vehicle-glass: #303280;
  --world-vehicle-light: #fff17b;
  --world-vehicle-tail: #ff297c;
  --world-vehicle-bus: #ffd324;
  --world-vehicle-skin: #edb98c;
}

/* Green shades preserve depth and readable details; every visible colour stays green or black. */
:root[data-graphics-mode="matrix"] {
  --map-road: var(--world-green-line);
  --map-night-panel: #000000;
  --map-night-grass: #001c00;
  --map-night-park: #001200;
  --map-night-water: #002b00;
  --map-night-road: #008f00;
  --map-night-ink: #00e800;
  --map-night-marker: #00ff00;
  --map-night-border: #006c00;
  --map-contrast-ink: #00ff00;
  --world-comic-ink: #001a00;
  --world-cartoon-ink: #001200;
  --world-cartoon-paper: #00ec00;
  --world-cartoon-soft: #00bf00;
  --world-cartoon-frame: #00ff00;
  --world-cartoon-glass: #005800;
  --world-cartoon-glint: #00f600;
  --world-cartoon-accent: #00d900;
  --world-cartoon-alt: #009600;
  --world-toy-ink: #001200;
  --world-toy-trim: #00ff00;
  --world-toy-glass: #005800;
  --world-toy-accent: #00b500;
  --world-toy-glint: #00ec00;
  color-scheme: dark;
  scrollbar-color: var(--color-border) var(--color-panel);
  --color-text: #00ff00;
  --color-muted: #00c800;
  --color-panel: #000000;
  --color-panel-translucent: #000000f5;
  --color-primary: #00ff00;
  --color-primary-hover: #00dd00;
  --color-on-primary: #000000;
  --color-border: #008000;
  --color-accent: #00ff00;
  --color-shadow: #00ff0026;
  --color-overlay: #000000b3;
  --world-sky: #000000;
  --world-night-sky: #000000;
  --world-dusk-sky: #000000;
  --world-night-light: #00ff00;
  --world-dusk-sun: #00ff00;
  --world-window-lit: #00ff00;
  --world-street-light: var(--world-lamp);
  --world-headlight-beam: var(--world-vehicle-light);
  --world-vehicle-indicator: #00ff00;
  --world-light: #00ff00;
  --world-fill-light: #008000;
  --world-sun: #00ff00;
  --world-earth: #001900;
  --world-grass: #003b00;
  --world-park: #002b00;
  --world-road: #000900;
  --world-path: #008500;
  --world-water: #005c00;
  --world-roof: #009d00;
  --world-roof-warm: #00d000;
  --world-cream: #00bb00;
  --world-brick: #008800;
  --world-plaster: #00aa00;
  --world-stone: #006600;
  --world-window: #000000;
  --world-wood: #008000;
  --world-leaves: #004000;
  --world-leaves-light: #007c00;
  --world-leaves-shade: #001900;
  --world-leaves-alt-light: #008a00;
  --world-leaves-alt-shade: #002600;
  --world-leaves-coral-light: #006900;
  --world-leaves-coral-shade: #001c00;
  --world-frame: #00ff00;
  --world-frame-shadow: #006400;
  --world-glass-highlight: #007a00;
  --world-glass-soft: #003c00;
  --world-door: #001a00;
  --world-facade-0: #00c800;
  --world-facade-1: #008c00;
  --world-facade-2: #00e400;
  --world-facade-3: #006b00;
  --world-facade-4: #00a800;
  --world-facade-5: #00d800;
  --world-facade-6: #007e00;
  --world-facade-7: #00b600;
  --world-leaves-alt: #00ba00;
  --world-leaves-coral: #008900;
  --world-art-rib: #00ff00;
  --world-art-panel: #000000;
  --world-art-glow: #00a000;
  --world-art-highlight: #00ff00;
  --world-meadow: #004500;
  --world-forest: #001a00;
  --world-scrub: #003600;
  --world-garden: #005400;
  --world-sport: #006600;
  --world-sand: #007400;
  --world-gravel: #002700;
  --world-paved: #003200;
  --world-construction: #004b00;
  --world-wetland: #002100;
  --world-playground: #008400;
  --world-metal: #00b800;
  --world-sign: #000000;
  --world-sign-text: #00ff00;
  --world-bin: #007b00;
  --world-lamp: #00ff00;
  --world-signal-red: #00bf00;
  --world-signal-amber: #009000;
  --world-signal-green: #00ff00;
  --world-signal-off: #001200;
  --world-vehicle-tyre: #001500;
  --world-vehicle-glass: #002300;
  --world-vehicle-light: #00ff00;
  --world-vehicle-tail: #00dd00;
  --world-vehicle-bus: #00d500;
  --world-vehicle-skin: #00ba00;
  --avatar-coat-0: #00d500;
  --avatar-coat-1: #009e00;
  --avatar-coat-2: #00ed00;
  --avatar-coat-3: #007c00;
  --avatar-coat-4: #00b400;
  --avatar-coat-5: #00ff00;
  --avatar-skin: #00bf00;
  --avatar-hair: #003300;
  --avatar-eyes: #000000;
  --avatar-smile: #004400;
  --avatar-trousers: #005d00;
  --avatar-shoes: #002000;
  --avatar-accent: #00ff00;
  --avatar-buttons: #00ee00;
  --avatar-label-ink: #00ff00;
  --avatar-dog-fur: #00ad00;
  --avatar-dog-cream: #00dc00;
  --avatar-dog-dark: #004600;
  --avatar-dog-eyes: #000000;
  --avatar-dog-collar: #00ff00;
  --avatar-dog-leash: #008c00;
}