/* GUI farebné témy — deň + noc (data-gui-theme + .dark-theme) */

/* ─── Oceán ─── */
body[data-gui-theme="ocean"]:not(.dark-theme) {
    --bg-base: #dce8ef;
    --bg-gradient: linear-gradient(160deg, #e4eef4 0%, #d0e0ea 45%, #c4d8e4 100%);
    --surface: rgba(248, 252, 255, 0.9);
    --surface-raised: rgba(252, 254, 255, 0.96);
    --surface-inset: rgba(220, 232, 240, 0.65);
    --border: rgba(70, 110, 140, 0.16);
    --border-strong: rgba(50, 90, 120, 0.24);
    --text-primary: #1a2838;
    --text-secondary: #4a6070;
    --text-muted: #7a90a0;
    --text-accent: #2a5070;
    --accent: #2a7098;
    --accent-soft: rgba(42, 112, 152, 0.12);
    --accent-hover: #3588b0;
    --sage: #4a8878;
    --positive: #3a8868;
    --board-bg: #eef4f8;
    --board-frame: #a8c0d0;
    --cell-empty: rgba(180, 200, 215, 0.35);
    --cell-empty-hover: rgba(140, 170, 195, 0.3);
}

body.dark-theme[data-gui-theme="ocean"] {
    --bg-base: #0e1620;
    --surface: rgba(18, 28, 38, 0.94);
    --surface-raised: rgba(24, 36, 48, 0.96);
    --surface-inset: rgba(14, 22, 32, 0.75);
    --border: rgba(120, 170, 210, 0.12);
    --text-primary: #e0eef8;
    --text-accent: #90c8e8;
    --accent: #58a8d8;
    --accent-soft: rgba(88, 168, 216, 0.14);
    --accent-hover: #70bce8;
    --sage: #68a898;
    --positive: #58b888;
    --board-bg: #141e28;
    --board-frame: #304858;
}

/* ─── Les ─── */
body[data-gui-theme="forest"]:not(.dark-theme) {
    --bg-base: #dde8d8;
    --bg-gradient: linear-gradient(160deg, #e6efe0 0%, #d4e0cc 45%, #c8d8be 100%);
    --surface: rgba(250, 252, 246, 0.9);
    --surface-raised: rgba(254, 255, 250, 0.96);
    --surface-inset: rgba(228, 238, 220, 0.65);
    --border: rgba(80, 110, 70, 0.16);
    --text-primary: #1e2818;
    --text-secondary: #506848;
    --text-muted: #809070;
    --text-accent: #3a5830;
    --accent: #4a7838;
    --accent-soft: rgba(74, 120, 56, 0.12);
    --accent-hover: #5a9048;
    --sage: #4a7850;
    --positive: #3a8050;
    --board-bg: #eef4e8;
    --board-frame: #a8c0a0;
    --cell-empty: rgba(190, 210, 175, 0.35);
    --cell-empty-hover: rgba(160, 185, 140, 0.3);
}

body.dark-theme[data-gui-theme="forest"] {
    --bg-base: #101810;
    --surface: rgba(20, 28, 18, 0.94);
    --surface-raised: rgba(28, 38, 24, 0.96);
    --surface-inset: rgba(14, 20, 12, 0.75);
    --border: rgba(140, 180, 120, 0.12);
    --text-primary: #e4f0dc;
    --text-accent: #a8d098;
    --accent: #78b868;
    --accent-soft: rgba(120, 184, 104, 0.14);
    --accent-hover: #90d080;
    --sage: #88b878;
    --positive: #70c080;
    --board-bg: #182018;
    --board-frame: #384830;
}

/* ─── Súmrak ─── */
body[data-gui-theme="twilight"]:not(.dark-theme) {
    --bg-base: #e4dce8;
    --bg-gradient: linear-gradient(160deg, #ece4f0 0%, #dcd0e4 45%, #d0c4dc 100%);
    --surface: rgba(252, 248, 254, 0.9);
    --surface-raised: rgba(255, 252, 255, 0.96);
    --surface-inset: rgba(235, 225, 242, 0.65);
    --border: rgba(100, 80, 120, 0.16);
    --text-primary: #281830;
    --text-secondary: #605070;
    --text-muted: #908898;
    --text-accent: #503868;
    --accent: #7858a0;
    --accent-soft: rgba(120, 88, 160, 0.12);
    --accent-hover: #9068b8;
    --sage: #688878;
    --positive: #508868;
    --board-bg: #f2ecf6;
    --board-frame: #c0b0d0;
    --cell-empty: rgba(200, 185, 215, 0.35);
    --cell-empty-hover: rgba(175, 155, 195, 0.3);
}

body.dark-theme[data-gui-theme="twilight"] {
    --bg-base: #141018;
    --surface: rgba(26, 20, 32, 0.94);
    --surface-raised: rgba(34, 26, 42, 0.96);
    --surface-inset: rgba(18, 14, 24, 0.75);
    --border: rgba(180, 140, 210, 0.12);
    --text-primary: #f0e8f8;
    --text-accent: #d0b0e8;
    --accent: #a878d0;
    --accent-soft: rgba(168, 120, 208, 0.14);
    --accent-hover: #c090e8;
    --sage: #88a088;
    --positive: #78b088;
    --board-bg: #1c1424;
    --board-frame: #403050;
}

/* ─── Bridlica ─── */
body[data-gui-theme="slate"]:not(.dark-theme) {
    --bg-base: #e0e2e6;
    --bg-gradient: linear-gradient(160deg, #eaecef 0%, #d8dce2 45%, #ccd0d8 100%);
    --surface: rgba(252, 252, 254, 0.92);
    --surface-raised: rgba(255, 255, 255, 0.97);
    --surface-inset: rgba(230, 232, 236, 0.7);
    --border: rgba(80, 88, 100, 0.16);
    --text-primary: #222428;
    --text-secondary: #505860;
    --text-muted: #808890;
    --text-accent: #383c44;
    --accent: #505868;
    --accent-soft: rgba(80, 88, 104, 0.1);
    --accent-hover: #606878;
    --sage: #586860;
    --positive: #487058;
    --board-bg: #eef0f4;
    --board-frame: #b0b8c4;
    --cell-empty: rgba(190, 195, 205, 0.4);
    --cell-empty-hover: rgba(165, 172, 185, 0.35);
}

body.dark-theme[data-gui-theme="slate"] {
    --bg-base: #121416;
    --surface: rgba(24, 26, 30, 0.94);
    --surface-raised: rgba(32, 34, 40, 0.96);
    --surface-inset: rgba(16, 18, 22, 0.75);
    --border: rgba(160, 168, 180, 0.12);
    --text-primary: #e8eaee;
    --text-accent: #c0c8d4;
    --accent: #98a4b4;
    --accent-soft: rgba(152, 164, 180, 0.12);
    --accent-hover: #b0bcc8;
    --sage: #889898;
    --positive: #78a890;
    --board-bg: #1a1c20;
    --board-frame: #404850;
}

/* Slnečná = default (:root) */

/* ─── Jeseň ─── */
body[data-gui-theme="autumn"]:not(.dark-theme) {
    --bg-base: #ebe0d0; --surface: rgba(255, 248, 238, 0.92); --surface-raised: rgba(255, 252, 246, 0.97);
    --surface-inset: rgba(235, 220, 200, 0.65); --border: rgba(140, 90, 50, 0.18);
    --text-primary: #2a2018; --text-secondary: #6a5040; --text-muted: #9a8070; --text-accent: #6a4020;
    --accent: #b86820; --accent-soft: rgba(184, 104, 32, 0.12); --accent-hover: #d08030;
    --sage: #6a7848; --positive: #5a8848; --board-bg: #f5ebe0; --board-frame: #c8a880;
    --cell-empty: rgba(210, 180, 150, 0.35); --cell-empty-hover: rgba(190, 155, 120, 0.3);
}
body.dark-theme[data-gui-theme="autumn"] {
    --bg-base: #181008; --surface: rgba(32, 22, 14, 0.94); --surface-raised: rgba(42, 30, 18, 0.96);
    --surface-inset: rgba(22, 14, 8, 0.75); --border: rgba(220, 160, 100, 0.12);
    --text-primary: #f5e8d8; --text-accent: #e8b878; --accent: #e09840; --accent-soft: rgba(224, 152, 64, 0.14);
    --positive: #88b868; --board-bg: #241810; --board-frame: #504030;
}

/* ─── Čerešňa ─── */
body[data-gui-theme="cherry"]:not(.dark-theme) {
    --bg-base: #f0e0e4; --surface: rgba(255, 246, 248, 0.92); --surface-inset: rgba(240, 215, 220, 0.65);
    --border: rgba(160, 80, 100, 0.16); --text-primary: #301820; --text-secondary: #704050;
    --text-accent: #802848; --accent: #c04868; --accent-soft: rgba(192, 72, 104, 0.12); --accent-hover: #d86080;
    --sage: #687858; --positive: #488858; --board-bg: #f8eef0; --board-frame: #d0a0b0;
    --cell-empty: rgba(220, 190, 200, 0.35);
}
body.dark-theme[data-gui-theme="cherry"] {
    --bg-base: #180810; --surface: rgba(36, 18, 24, 0.94); --text-primary: #fce8ee;
    --accent: #f07098; --accent-soft: rgba(240, 112, 152, 0.14); --board-bg: #201018; --board-frame: #503040;
}

/* ─── Mäta ─── */
body[data-gui-theme="mint"]:not(.dark-theme) {
    --bg-base: #d8eee4; --surface: rgba(244, 255, 250, 0.92); --surface-inset: rgba(210, 240, 228, 0.65);
    --border: rgba(60, 140, 110, 0.16); --text-primary: #142820; --text-accent: #287858;
    --accent: #38a878; --accent-soft: rgba(56, 168, 120, 0.12); --accent-hover: #48c090;
    --positive: #30a070; --board-bg: #e8f8f0; --board-frame: #90c8b0;
    --cell-empty: rgba(180, 220, 200, 0.35);
}
body.dark-theme[data-gui-theme="mint"] {
    --bg-base: #081810; --surface: rgba(16, 32, 26, 0.94); --text-primary: #e0f8ee;
    --accent: #58d8a8; --board-bg: #101c18; --board-frame: #305848;
}

/* ─── Púšť ─── */
body[data-gui-theme="sand"]:not(.dark-theme) {
    --bg-base: #ebe4d4; --surface: rgba(255, 250, 240, 0.92); --surface-inset: rgba(230, 218, 195, 0.7);
    --border: rgba(150, 120, 80, 0.18); --text-primary: #302818; --text-accent: #806030;
    --accent: #c09040; --accent-soft: rgba(192, 144, 64, 0.12); --board-bg: #f5eed8; --board-frame: #d0b888;
    --cell-empty: rgba(215, 195, 160, 0.4);
}
body.dark-theme[data-gui-theme="sand"] {
    --bg-base: #1a1408; --surface: rgba(38, 30, 18, 0.94); --text-primary: #f5ecd8;
    --accent: #e0b060; --board-bg: #241c10; --board-frame: #584830;
}

/* ─── Polárna záora ─── */
body[data-gui-theme="aurora"]:not(.dark-theme) {
    --bg-base: #dce8ec; --surface: rgba(244, 252, 255, 0.92); --border: rgba(40, 120, 130, 0.16);
    --text-primary: #102028; --text-accent: #187880; --accent: #28a0a8; --accent-soft: rgba(40, 160, 168, 0.12);
    --positive: #389878; --board-bg: #e8f4f8; --board-frame: #88c0c8;
}
body.dark-theme[data-gui-theme="aurora"] {
    --bg-base: #060e14; --surface: rgba(12, 24, 32, 0.94); --text-primary: #d8f4f8;
    --accent: #40e0d0; --accent-soft: rgba(64, 224, 208, 0.12); --positive: #50e0a0;
    --board-bg: #0c1820; --board-frame: #285868;
    background-image: linear-gradient(rgba(6, 14, 20, 0.92), rgba(10, 20, 28, 0.95)),
        radial-gradient(ellipse at 20% 30%, rgba(40, 180, 160, 0.15), transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(80, 120, 220, 0.12), transparent 50%),
        url('../source/background/background_01.jpg');
}

/* ─── Koral ─── */
body[data-gui-theme="coral"]:not(.dark-theme) {
    --bg-base: #f0e4dc; --surface: rgba(255, 248, 244, 0.92); --border: rgba(180, 90, 70, 0.16);
    --text-primary: #281810; --accent: #e07050; --accent-soft: rgba(224, 112, 80, 0.12);
    --board-bg: #f8ece8; --board-frame: #d8a898;
}
body.dark-theme[data-gui-theme="coral"] {
    --bg-base: #180c08; --surface: rgba(40, 22, 16, 0.94); --text-primary: #fce8e0;
    --accent: #ff9070; --board-bg: #201410; --board-frame: #604038;
}

/* ─── Atrament ─── */
body[data-gui-theme="ink"]:not(.dark-theme) {
    --bg-base: #dcdce8; --surface: rgba(248, 248, 255, 0.92); --border: rgba(60, 60, 100, 0.16);
    --text-primary: #181828; --accent: #4040a0; --accent-soft: rgba(64, 64, 160, 0.1);
    --board-bg: #ececf5; --board-frame: #9898c0;
}
body.dark-theme[data-gui-theme="ink"] {
    --bg-base: #080810; --surface: rgba(16, 16, 28, 0.94); --text-primary: #e8e8f8;
    --accent: #7878e0; --board-bg: #101018; --board-frame: #383850;
}

/* ─── Med ─── */
body[data-gui-theme="honey"]:not(.dark-theme) {
    --bg-base: #f0e8c8; --surface: rgba(255, 252, 240, 0.92); --border: rgba(160, 120, 40, 0.18);
    --text-primary: #282010; --accent: #c89818; --accent-soft: rgba(200, 152, 24, 0.14);
    --board-bg: #faf5e0; --board-frame: #d8c080; --cell-empty: rgba(230, 210, 160, 0.4);
}
body.dark-theme[data-gui-theme="honey"] {
    --bg-base: #141008; --surface: rgba(36, 28, 12, 0.94); --text-primary: #faf0d0;
    --accent: #f0c040; --board-bg: #201808; --board-frame: #585028;
}

/* ─── Levanduľa ─── */
body[data-gui-theme="lavender"]:not(.dark-theme) {
    --bg-base: #e8e4f4; --surface: rgba(252, 250, 255, 0.92); --border: rgba(100, 80, 160, 0.16);
    --text-primary: #201830; --text-accent: #5848a0; --accent: #8068c8; --accent-soft: rgba(128, 104, 200, 0.12);
    --positive: #508868; --board-bg: #f0ecf8; --board-frame: #b8a8d8;
}
body.dark-theme[data-gui-theme="lavender"] {
    --bg-base: #100c18; --surface: rgba(24, 18, 36, 0.94); --text-primary: #ece8f8;
    --accent: #a888f0; --accent-soft: rgba(168, 136, 240, 0.12); --positive: #70d8a0;
    --board-bg: #181024; --board-frame: #484068;
    background-image: linear-gradient(rgba(16, 12, 24, 0.92), rgba(20, 14, 32, 0.95)),
        radial-gradient(ellipse at 25% 25%, rgba(140, 100, 220, 0.12), transparent 50%),
        url('../source/background/background_01.jpg');
}

/* ─── Úsvit ─── */
body[data-gui-theme="sunrise"]:not(.dark-theme) {
    --bg-base: #f8e8dc; --surface: rgba(255, 250, 246, 0.92); --border: rgba(200, 100, 80, 0.16);
    --text-primary: #301820; --text-accent: #c05848; --accent: #e87850; --accent-soft: rgba(232, 120, 80, 0.12);
    --positive: #489868; --board-bg: #faf0e8; --board-frame: #d8a890;
    background-image: linear-gradient(rgba(255, 240, 228, 0.6), rgba(248, 228, 216, 0.85)),
        radial-gradient(ellipse at 50% 0%, rgba(255, 180, 100, 0.25), transparent 60%);
}
body.dark-theme[data-gui-theme="sunrise"] {
    --bg-base: #180c10; --surface: rgba(36, 20, 24, 0.94); --text-primary: #fce8e0;
    --accent: #ff9068; --accent-soft: rgba(255, 144, 104, 0.12); --positive: #68c890;
    --board-bg: #201014; --board-frame: #684038;
    background-image: linear-gradient(rgba(24, 12, 16, 0.92), rgba(32, 16, 20, 0.95)),
        radial-gradient(ellipse at 50% 10%, rgba(255, 120, 60, 0.15), transparent 55%),
        url('../source/background/background_01.jpg');
}

/* ─── Lúka ─── */
body[data-gui-theme="meadow"]:not(.dark-theme) {
    --bg-base: #e4f0e0; --surface: rgba(248, 252, 246, 0.92); --border: rgba(70, 120, 70, 0.16);
    --text-primary: #1a3018; --text-accent: #3a7040; --accent: #4a9850; --accent-soft: rgba(74, 152, 80, 0.12);
    --positive: #388848; --board-bg: #eef6ea; --board-frame: #98c898;
}
body.dark-theme[data-gui-theme="meadow"] {
    --bg-base: #0a140a; --surface: rgba(16, 28, 16, 0.94); --text-primary: #e0f0e0;
    --accent: #68d868; --board-bg: #101c10; --board-frame: #386838;
}

/* ─── Bobuľa ─── */
body[data-gui-theme="berrywine"]:not(.dark-theme) {
    --bg-base: #f0e4ec; --surface: rgba(255, 248, 252, 0.92); --border: rgba(140, 60, 100, 0.16);
    --text-primary: #301020; --text-accent: #904870; --accent: #b84888; --accent-soft: rgba(184, 72, 136, 0.12);
    --board-bg: #faf0f6; --board-frame: #d8a0c0;
}
body.dark-theme[data-gui-theme="berrywine"] {
    --bg-base: #140810; --surface: rgba(28, 12, 22, 0.94); --text-primary: #fce8f4;
    --accent: #f070b0; --board-bg: #1c1018; --board-frame: #683858;
}

/* ─── Retro ─── */
body[data-gui-theme="retro"]:not(.dark-theme) {
    --font-ui: 'JetBrains Mono', ui-monospace, monospace;
    --font-display: 'JetBrains Mono', ui-monospace, monospace;
    --bg-base: #c8c8a8; --surface: rgba(224, 224, 200, 0.95); --surface-inset: rgba(200, 200, 175, 0.7);
    --border: rgba(60, 60, 40, 0.25); --text-primary: #1a1a08; --text-accent: #404020;
    --accent: #606020; --accent-soft: rgba(96, 96, 32, 0.15); --board-bg: #d8d8b8; --board-frame: #888860;
    --positive: #306030; --negative: #803030;
}
body.dark-theme[data-gui-theme="retro"] {
    --font-ui: 'JetBrains Mono', ui-monospace, monospace;
    --font-display: 'JetBrains Mono', ui-monospace, monospace;
    --bg-base: #0a1008; --surface: rgba(12, 24, 12, 0.95); --surface-inset: rgba(8, 16, 8, 0.8);
    --border: rgba(80, 200, 80, 0.2); --text-primary: #80d080; --text-secondary: #50a050;
    --text-muted: #308030; --text-accent: #a0f0a0; --accent: #50c050; --accent-soft: rgba(80, 192, 80, 0.15);
    --positive: #60e060; --negative: #e06060; --board-bg: #081008; --board-frame: #205020;
    background-image: linear-gradient(rgba(4, 12, 4, 0.95), rgba(8, 20, 8, 0.98)), url('../source/background/background_01.jpg');
}
body[data-gui-theme="retro"]::before {
    content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 9999;
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px);
    opacity: 0.5;
}
body.dark-theme[data-gui-theme="retro"]::before {
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(80,255,80,0.02) 2px, rgba(80,255,80,0.02) 4px);
}

/* ─── Papier ─── */
body[data-gui-theme="paper"]:not(.dark-theme) {
    --bg-base: #e8dcc8; --surface: rgba(255, 252, 245, 0.97); --surface-raised: #fffdf8;
    --surface-inset: rgba(240, 230, 210, 0.8); --border: rgba(120, 100, 70, 0.2);
    --text-primary: #3a3020; --text-secondary: #6a5840; --text-accent: #5a4028;
    --accent: #8a6840; --accent-soft: rgba(138, 104, 64, 0.12); --board-bg: #faf6ec;
    --board-frame: #c8b898; --shadow-sm: 0 1px 3px rgba(80, 60, 30, 0.08);
    background-image: linear-gradient(rgba(240, 230, 210, 0.7), rgba(232, 220, 200, 0.85)),
        url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
}
body.dark-theme[data-gui-theme="paper"] {
    --bg-base: #1a1610; --surface: rgba(36, 30, 22, 0.96); --text-primary: #ece4d4;
    --text-accent: #d8c8a0; --accent: #b89868; --board-bg: #242018; --board-frame: #504838;
    background-image: linear-gradient(rgba(26, 22, 16, 0.92), rgba(30, 26, 18, 0.95)),
        url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
}
body[data-gui-theme="paper"] .panel {
    box-shadow: 0 2px 8px rgba(80, 60, 30, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* ─── Neón ─── */
body[data-gui-theme="neon"]:not(.dark-theme) {
    --bg-base: #e8e0f0; --surface: rgba(255, 250, 255, 0.92); --accent: #c040c0;
    --accent-soft: rgba(192, 64, 192, 0.12); --text-accent: #802880; --board-bg: #f0e8f8;
}
body.dark-theme[data-gui-theme="neon"] {
    --bg-base: #0a0814; --surface: rgba(18, 12, 28, 0.94); --text-primary: #f0e8ff;
    --accent: #ff40ff; --accent-soft: rgba(255, 64, 255, 0.15); --accent-hover: #ff70ff;
    --positive: #40ffb0; --negative: #ff5080; --board-bg: #100818; --board-frame: #602880;
    --border: rgba(255, 100, 255, 0.15);
    background-image: linear-gradient(rgba(8, 4, 16, 0.94), rgba(12, 6, 24, 0.97)),
        radial-gradient(ellipse at 30% 20%, rgba(255, 0, 255, 0.08), transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(0, 255, 200, 0.06), transparent 50%),
        url('../source/background/background_01.jpg');
}
body.dark-theme[data-gui-theme="neon"] .brand-title,
body.dark-theme[data-gui-theme="neon"] .stat-value {
    text-shadow: 0 0 20px rgba(255, 64, 255, 0.3);
}

/* ─── Kontrast ─── */
body[data-gui-theme="contrast"]:not(.dark-theme) {
    --bg-base: #ffffff; --surface: #ffffff; --surface-raised: #ffffff; --surface-inset: #f0f0f0;
    --border: #000000; --border-strong: #000000; --text-primary: #000000;
    --text-secondary: #222222; --text-muted: #444444; --text-accent: #000000;
    --accent: #000000; --accent-soft: rgba(0, 0, 0, 0.08); --accent-hover: #333333;
    --positive: #006600; --negative: #990000; --board-bg: #f8f8f8; --board-frame: #000000;
    --shadow-sm: none; --shadow-md: 0 0 0 2px #000;
}
body.dark-theme[data-gui-theme="contrast"] {
    --bg-base: #000000; --surface: #000000; --surface-raised: #111111; --surface-inset: #1a1a1a;
    --border: #ffff00; --border-strong: #ffff00; --text-primary: #ffffff;
    --text-secondary: #eeeeee; --text-muted: #cccccc; --text-accent: #ffff00;
    --accent: #ffff00; --accent-soft: rgba(255, 255, 0, 0.12); --positive: #00ff00;
    --negative: #ff4444; --board-bg: #0a0a0a; --board-frame: #ffff00;
    background-image: none; background-color: #000;
}
body[data-gui-theme="contrast"] .panel,
body[data-gui-theme="contrast"] .btn {
    border-width: 2px;
}

/* ─── Monochrom ─── */
body[data-gui-theme="monochrome"]:not(.dark-theme) {
    --bg-base: #e4e4e4; --surface: rgba(250, 250, 250, 0.95); --surface-inset: rgba(220, 220, 220, 0.7);
    --border: rgba(80, 80, 80, 0.2); --text-primary: #1a1a1a; --text-secondary: #555555;
    --text-muted: #888888; --text-accent: #333333; --accent: #444444; --accent-soft: rgba(68, 68, 68, 0.1);
    --sage: #666666; --rose: #777777; --positive: #333333; --negative: #666666;
    --board-bg: #eeeeee; --board-frame: #aaaaaa;
}
body.dark-theme[data-gui-theme="monochrome"] {
    --bg-base: #111111; --surface: rgba(24, 24, 24, 0.96); --text-primary: #eeeeee;
    --text-secondary: #aaaaaa; --accent: #cccccc; --accent-soft: rgba(204, 204, 204, 0.1);
    --positive: #dddddd; --negative: #999999; --board-bg: #1a1a1a; --board-frame: #555555;
    background-image: linear-gradient(#111, #181818);
}
body[data-gui-theme="monochrome"] .tile-icon,
body[data-gui-theme="monochrome"]:not(.dark-theme) img.tile-icon {
    filter: grayscale(0.85);
}

