/* TasTech palettes - loaded after tt-modern.css. Pick one with ?pal=NAME (e.g. ?pal=teal) or use the swatch picker
   that appears bottom-left once you visit any page with ?pal in the URL (?pal=off hides it and resets). Remove the <link> to drop it. */
html[data-pal="indigo"]{--ac:#4338ca;--hov:#eef0ff;--ach:#dfe3ff;--acd:#312e81;--ft:#e6e8f7}
html[data-pal="teal"]{--ac:#0f766e;--hov:#e8f6f4;--ach:#d3efeb;--acd:#115e59;--ft:#e3f0ee}
html[data-pal="green"]{--ac:#15803d;--hov:#ebf7ee;--ach:#d6f0dc;--acd:#14532d;--ft:#e3efe6}
html[data-pal="orange"]{--ac:#c2410c;--hov:#fff3ea;--ach:#ffe2cf;--acd:#7c2d12;--ft:#f3e9e2}
html[data-pal="rose"]{--ac:#be123c;--hov:#fff0f3;--ach:#ffdce4;--acd:#881337;--ft:#f3e4e8}
html[data-pal="purple"]{--ac:#7e22ce;--hov:#f5edfd;--ach:#ebd9fb;--acd:#581c87;--ft:#ece4f3}
html[data-pal="slate"]{--ac:#334155;--hov:#eef1f5;--ach:#dde3ea;--acd:#0f172a;--ft:#e2e6ec}
html[data-pal="dark"]{--bg:#11151b;--surf:#1a2029;--tx:#e8ecf2;--mut:#a9b1bd;--pid:#8a929e;--bd:#2b333f;--ac:#8fa8cc;--act:#0f1318;--hov:#232b38;--ok:#3ecf74;--bad:#f87171;--ft:#0c1015;--ach:#d9e8fb;--acd:#7db3ee;--btn-blue:#5d7299;--btn-orange:#8b78e0;--btn-green:#1f9a4c;--btn-red:#d4382b;color-scheme:dark}
html[data-pal="dark-teal"]{--bg:#0f1218;--surf:#181c24;--tx:#e8ebf0;--mut:#a3aab6;--pid:#8b93a1;--bd:#2c3340;--ac:#2dd4bf;--act:#052e2b;--hov:#222836;--ok:#4ade80;--bad:#f87171;--ft:#0a0d12;--ach:#12302d;--acd:#a7f3e8;--btn-blue:#5aa2ff;--btn-orange:#fb923c;--btn-green:#4ade80;--btn-red:#f87171;color-scheme:dark}
html[data-pal="dark-amber"]{--bg:#0f1218;--surf:#181c24;--tx:#e8ebf0;--mut:#a3aab6;--pid:#8b93a1;--bd:#2c3340;--ac:#fbbf24;--act:#2a1c00;--hov:#222836;--ok:#4ade80;--bad:#f87171;--ft:#0a0d12;--ach:#33280f;--acd:#fde68a;--btn-blue:#5aa2ff;--btn-orange:#fb923c;--btn-green:#4ade80;--btn-red:#f87171;color-scheme:dark}
/* dark: legacy bits with hard-coded light colours */
:is(html[data-pal^="dark"],html[data-mode="dark"]) input,:is(html[data-pal^="dark"],html[data-mode="dark"]) select,:is(html[data-pal^="dark"],html[data-mode="dark"]) textarea{background-color:var(--bg);color:var(--tx);border-color:var(--bd)}
:is(html[data-pal^="dark"],html[data-mode="dark"]) img:not([src*="logo"]){opacity:.92}
:is(html[data-pal^="dark"],html[data-mode="dark"]) .tt-banner-warn,:is(html[data-pal^="dark"],html[data-mode="dark"]) form#system tr.system_discontinued{background:#2a1517}
:is(html[data-pal^="dark"],html[data-mode="dark"]) form#system tr.system_changed{background:#2a2412}
/* picker */
#tt-pal{position:fixed;left:12px;bottom:12px;z-index:9999;font:13px system-ui,sans-serif;color:var(--tx)}
#tt-pal>button{width:44px;height:44px;border-radius:50%;border:1px solid var(--bd);background:var(--surf);color:var(--tx);font-size:20px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
#tt-pal .tt-pal-box{display:none;position:absolute;left:0;bottom:54px;width:260px;padding:12px;background:var(--surf);border:1px solid var(--bd);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.3)}
#tt-pal.open .tt-pal-box{display:block}
#tt-pal .tt-pal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
#tt-pal .tt-pal-grid button{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx);font:inherit;cursor:pointer;text-align:left}
#tt-pal .tt-pal-grid button.on{border-color:var(--ac);outline:2px solid var(--ac)}
#tt-pal .tt-pal-grid i{display:block;flex:none;width:16px;height:16px;border-radius:50%;border:1px solid rgba(128,128,128,.5)}
#tt-pal label{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}
#tt-pal input[type=color]{width:56px;height:30px;padding:0;border:1px solid var(--bd);border-radius:6px;background:none}
#tt-pal .tt-pal-note{margin:8px 0 0;font-size:11px;color:var(--mut)}
#tt-pal .tt-pal-btns{margin-top:10px;padding-top:8px;border-top:1px solid var(--bd)}
#tt-pal .tt-pal-reset{margin-top:8px;width:100%;padding:6px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx);font:inherit;cursor:pointer}
/* Dark Mode button (header): html[data-mode="dark"] - same values as the "dark" palette; defined last so it wins over any tester palette */
html[data-mode="dark"]{--bg:#11151b;--surf:#1a2029;--tx:#e8ecf2;--mut:#a9b1bd;--pid:#8a929e;--bd:#2b333f;--ac:#8fa8cc;--act:#0f1318;--hov:#232b38;--ok:#3ecf74;--bad:#f87171;--ft:#0c1015;--ach:#d9e8fb;--acd:#7db3ee;--btn-blue:#5d7299;--btn-orange:#8b78e0;--btn-green:#1f9a4c;--btn-red:#d4382b;color-scheme:dark}
/* dark: keep the header slate like the light scheme (--ac is a light link colour in dark) */
:is(html[data-pal="dark"],html[data-mode="dark"]) #header{background:#334155}
:is(html[data-pal="dark"],html[data-mode="dark"]) #tt-logo{color:#fff}
:is(html[data-pal="dark"],html[data-mode="dark"]) #tt-menu-btn{background:#475569;color:#fff}
:is(html[data-pal="dark"],html[data-mode="dark"]) .button_container label{color:var(--tx)}
/* dark: footer matches the header; readable hover states (--ach/--acd are light colours in dark) */
:is(html[data-pal="dark"],html[data-mode="dark"]) #footer{background:#334155}
:is(html[data-pal="dark"],html[data-mode="dark"]) #footer_menu a,:is(html[data-pal="dark"],html[data-mode="dark"]) .tt-disclaimer,:is(html[data-pal="dark"],html[data-mode="dark"]) .tt-footer-copy{color:#e2e5ea}
:is(html[data-pal="dark"],html[data-mode="dark"]) #footer_menu a:hover{color:#fff}
:is(html[data-pal="dark"],html[data-mode="dark"]) #ttnav1 li:hover,:is(html[data-pal="dark"],html[data-mode="dark"]) #ttnav1 li:hover>a,:is(html[data-pal="dark"],html[data-mode="dark"]) #ttnav2 li:hover,:is(html[data-pal="dark"],html[data-mode="dark"]) #ttnav2 li:hover>a{background:var(--hov)!important;color:var(--tx)!important}
:is(html[data-pal="dark"],html[data-mode="dark"]) .minicart_footer a.main:hover,:is(html[data-pal="dark"],html[data-mode="dark"]) .tt-sortbtns button:hover{background:var(--hov);border-color:var(--ac);color:var(--tx)!important}