/* THEME (round 2): admin-editable site colours (Admin -> Colours, settings theme_*).
 * Everything here is inert unless <html> has class "th-on": the worker adds it (and the CSS variables in <style id="dk-theme">)
 * only when a theme_* setting is filled, and never on admin pages, so empty settings = today's exact look.
 * :where() keeps every selector at its original specificity; this file is loaded last (theme.js keeps it after lazy CSS).
 * Part 1 is hand-written; part 2 is generated by test/theme_css_gen.mjs from the public CSS (hard-coded brand hex colours). */
:root:where(.th-on){--teal:var(--th-c1);--teal-d:var(--th-c3);--teal2:var(--th-c4);--teal3:var(--th-c6);--mist:var(--th-mist);--mist2:var(--th-mist2);--gold:var(--th-c7);--grad:var(--th-grad)}
:where(html.th-on) a{color:var(--th-link)}
:where(html.th-on) .btn.pri{background:var(--th-btn);border-color:var(--th-btn);color:var(--th-btnt)}
:where(html.th-on) .btn.pri:hover{background:var(--th-btnd)}
:where(html.th-on) .dkh{--dk-teal:var(--th-dkteal);--dk-grad:var(--th-hdr)}
:where(html.th-on) .dkh-top,:where(html.th-on) .dkh-top .dkh-ic,:where(html.th-on) .dkh-lang button,:where(html.th-on) .dkh-ovh,:where(html.th-on) .dkh-ovx,:where(html.th-on) .dkh .dkh-burger{color:var(--th-hdrt)}
:where(html.th-on) .foot{background:var(--th-foot);color:var(--th-foott)}
:where(html.th-on) .foot a,:where(html.th-on) .foot .logo .palm{color:var(--th-foott)}
:where(html.th-on) svg[stroke="#006775" i]{stroke:var(--th-c1)}
:where(html.th-on) svg[fill="#006775" i]{fill:var(--th-c1)}
:where(html.th-on) svg[stroke="#0e5e6a" i]{stroke:var(--th-c2)}
:where(html.th-on) svg[fill="#0e5e6a" i]{fill:var(--th-c2)}
/* ---- generated: hard-coded brand colours ---- */
/* styles.css */
:where(html.th-on) .subtabs a:hover{border-color:var(--th-c1);color:var(--th-c1)}
:where(html.th-on) .subtabs a.on{background:linear-gradient(to right,var(--th-c4) 0%,var(--th-c1) 100%)}
html:where(.th-on)[dir=rtl] .subtabs a.on{background:linear-gradient(to left,var(--th-c4) 0%,var(--th-c1) 100%)}
:where(html.th-on) .cqc input{accent-color:var(--th-c2)}
:where(html.th-on) .ux-addfold>summary::after{color:var(--th-c2)}
:where(html.th-on) .ux-af-n{background:var(--th-c2)}
/* header.css */
:where(html.th-on) .dkh-lang.dark button.on{background:var(--dk-teal,var(--th-c1))}
:where(html.th-on) .dkh-sbtn{color:var(--th-c1)}
:where(html.th-on) .dkh-menu{color:var(--th-c1)}
:where(html.th-on) .dkh-mi:hover{color:var(--th-c1)}
:where(html.th-on) .dkh-arr:hover{color:var(--th-c1)}
:where(html.th-on) .dkh-cat:hover{color:var(--th-c1)}
:where(html.th-on) .dkh-cat.on{color:var(--th-c1)}
:where(html.th-on) .sg-t b{color:var(--th-c1)}
:where(html.th-on) .sg-all{color:var(--th-c1)}
:where(html.th-on) .dkh-ovicons a{color:var(--th-c1)}
:where(html.th-on) .dkh-ovl.on{color:var(--th-c1)}
:where(html.th-on) .dkh-mp.open{color:var(--th-c1)}
:where(html.th-on) .dkh-mi:focus-visible{outline:2px solid var(--th-c1)}
/* shop.css */
:where(html.th-on) .pv-play{background:var(--th-c2)}
:where(html.th-on) .addon.on{border-color:var(--th-c2)}
:where(html.th-on) .addon .ad-ic{color:var(--th-c2)}
:where(html.th-on) .addon.chk input{accent-color:var(--th-c2)}
:where(html.th-on) .totrow b{color:var(--th-c2)}
:where(html.th-on) .sh-box h3{color:var(--th-c2)}
:where(html.th-on) .mu-row.sel,:where(html.th-on) .mu-row:has(input:checked){border-color:var(--th-c2)}
:where(html.th-on) .mu-play{background:var(--th-c2)}
:where(html.th-on) .mk-th.on{border-color:var(--th-c2)}
:where(html.th-on) .shop h1{color:var(--th-c2)}
:where(html.th-on) .ci-p{color:var(--th-c2)}
:where(html.th-on) #cartPill{background:var(--th-c2)}
:where(html.th-on) .gitem.on{border-color:var(--th-c2)}

:where(html.th-on) .fmtpv b{color:var(--th-c2)}
:where(html.th-on) .fld .inp.date .datebtn i{color:var(--th-c2)}
:where(html.th-on) .gt th{background:var(--th-c2)}
:where(html.th-on) .gt td input:focus,:where(html.th-on) .gt td select:focus,:where(html.th-on) .gt td textarea:focus{border-color:var(--th-c2)}
:where(html.th-on) .gt td input[type=checkbox]{accent-color:var(--th-c2)}
:where(html.th-on) .gt-h b{color:var(--th-c2)}
:where(html.th-on) .gt-h:hover,:where(html.th-on) .gt-h:focus-visible{color:var(--th-c2)}
:where(html.th-on) .gt tr.drop-b td{box-shadow:inset 0 3px 0 var(--th-c2)}
:where(html.th-on) .gt tr.drop-a td{box-shadow:inset 0 -3px 0 var(--th-c2)}
:where(html.th-on) .gt-x.on,:where(html.th-on) .gt-x:hover{background:var(--th-c2);border-color:var(--th-c2)}
:where(html.th-on) .gt-b:hover{border-color:var(--th-c2);color:var(--th-c2)}
:where(html.th-on) .gt-lg.on{background:var(--th-c2);border-color:var(--th-c2)}
:where(html.th-on) .gt-wrap.lgmode{border-color:var(--th-c2)}
:where(html.th-on) .lang-radio input{accent-color:var(--th-c2)}
:where(html.th-on) .lang-radio:has(input:checked){border-color:var(--th-c2);color:var(--th-c2)}
:where(html.th-on) .invbox{border:1px dashed var(--th-c2)}
:where(html.th-on) .varrow .sw.on{box-shadow:0 0 0 2px var(--th-c2)}
:where(html.th-on) .acc-nav a.on{background:var(--th-c2)}
:where(html.th-on) .acc-stats b{color:var(--th-c2)}
:where(html.th-on) .pro-h b{color:var(--th-c2)}
:where(html.th-on) .pro-chip.on{background:var(--th-c2);border-color:var(--th-c2)}
:where(html.th-on) .pro-sw.on{box-shadow:0 0 0 3px var(--th-c2)}
:where(html.th-on) .varrow .vsw.on{box-shadow:0 0 0 2px var(--teal,var(--th-c1))}
/* ph.css */
@media (max-width:980px){:where(html.th-on) .phsteps button.on{border-color:var(--teal,var(--th-c1));color:var(--teal,var(--th-c1))}:where(html.th-on) .phsteps button.on b{background:var(--teal,var(--th-c1))}:where(html.th-on) .phsteps button.done b{color:var(--teal,var(--th-c1))}:where(html.th-on) .editor.onestep .phback{color:var(--teal,var(--th-c1))}:where(html.th-on) .editor.onestep .c2 .nextl,:where(html.th-on) .editor.onestep .c1 .nextl{background:var(--teal,var(--th-c1))}}
@media (max-width:980px){:where(html.th-on) .phstrip .phs-more{color:var(--teal,var(--th-c1))}:where(html.th-on) .phstrip button.on{border-color:var(--teal,var(--th-c1))}:where(html.th-on) .phfields>summary{color:var(--teal,var(--th-c1))}}
/* loader.css */
:where(html.th-on) .snk-r{stroke:var(--teal,var(--th-c1))}
/* extras.css */
:where(html.th-on) .xf-c:hover{border-color:var(--th-c2)}
:where(html.th-on) .xf-c.on{background:var(--th-c2);border-color:var(--th-c2)}
:where(html.th-on) .xcustom{color:var(--th-c2)}
:where(html.th-on) .xr-c:hover{border-color:var(--th-c2)}

:where(html.th-on) .xg-btn{color:var(--th-c2)}
:where(html.th-on) .xg-it:hover{border-color:var(--th-c2)}
:where(html.th-on) .xg-it b{color:var(--th-c2)}
:where(html.th-on) .xs-in{background:var(--sc,var(--th-c2))}
:where(html.th-on) .xc-form legend{color:var(--th-c2)}
:where(html.th-on) .xc-ok{background:var(--th-c2)}
:where(html.th-on) .xx-c:hover{border-color:var(--th-c2)}
:where(html.th-on) .xx-c small{color:var(--th-c2)}
:where(html.th-on) .xa-toc a{color:var(--th-c2)}
:where(html.th-on) .xa-dm{color:var(--th-c2)}
:where(html.th-on) .xi.st-progress{border-inline-start:4px solid var(--th-c2)}
/* icons.css */
:where(html.th-on) .dki-pick button{color:var(--th-c1)}
:where(html.th-on) .dki-pick button:hover{border-color:var(--th-c1)}
:where(html.th-on) .dki-pick button.on{border-color:var(--th-c1)}
/* hdate.css */
:where(html.th-on) .hdp{--hdp-accent:var(--th-c7)}
/* hkb.css */
:where(html.th-on) .hkb-toggle:hover{color:var(--th-c2)}
:where(html.th-on) .hkb-wrap.hkb-active>.hkb-toggle{background:var(--th-c2)}
:where(html.th-on) .hkb-panel .hkb-lang.hkb-on{color:var(--th-c2)}
:where(html.th-on) .hkb-panel .hkb-done{background:var(--th-c2)}
:where(html.th-on) .hkb-panel .hkb-row .hkb-shift.hkb-caps{background:var(--th-c2)}
/* ptypes.css */
:where(html.th-on) .pt-tabs button.on{background:var(--th-bbg,var(--th-c2));color:var(--th-btnt)}
:where(html.th-on) .pt-dots i.on{background:var(--th-c2)}
:where(html.th-on) .pt-badge{color:var(--th-c2)}
:where(html.th-on) .pt-type.on{border-color:var(--th-c2)}
:where(html.th-on) .pt-count{color:var(--th-c2)}
/* motion.css */
:where(html.th-on) .dkm-box h3{color:var(--th-c2)}
:where(html.th-on) .dkm-tile.on{border-color:var(--th-c2);box-shadow:0 0 0 2px var(--th-c2) inset}
:where(html.th-on) .dkm-gold input{accent-color:var(--th-c7)}
:where(html.th-on) .dkm-bar i{background:linear-gradient(90deg,var(--th-c2),var(--th-c7))}
:where(html.th-on) .dkm-pct{color:var(--th-c2)}
:where(html.th-on) .dkm-len{color:var(--th-c2)}
/* simchas.css */
:where(html.th-on) .sm-hero h1{color:var(--teal-d,var(--th-c3))}
:where(html.th-on) .sm-tab.on,:where(html.th-on) .chip.on{background:var(--teal,var(--th-c1));border-color:var(--teal,var(--th-c1))}
:where(html.th-on) .sm-date{color:var(--teal,var(--th-c1))}
:where(html.th-on) .sm-date.on{border-color:var(--teal,var(--th-c1))}
:where(html.th-on) .sm-day{color:var(--teal-d,var(--th-c3))}
:where(html.th-on) .sm-day.f{color:var(--gold,var(--th-c7))}
:where(html.th-on) .smc-d{border-color:var(--teal3,var(--th-c6))}
:where(html.th-on) .smc-f{border-color:var(--gold,var(--th-c7))}
:where(html.th-on) .sm-ph{color:var(--teal,var(--th-c1))}
:where(html.th-on) .smc-type{color:var(--teal,var(--th-c1))}
:where(html.th-on) .smc-badge{color:var(--teal-d,var(--th-c3))}
:where(html.th-on) .smc-badge.d{background:var(--teal,var(--th-c1))}
:where(html.th-on) .sbtn.mz{color:var(--gold,var(--th-c7))}
:where(html.th-on) .sm-empty>.si{color:var(--teal,var(--th-c1))}
:where(html.th-on) .sm-steps li.on button{color:var(--teal,var(--th-c1));border-color:var(--teal,var(--th-c1))}
:where(html.th-on) .sm-steps li.on span,:where(html.th-on) .sm-steps li.done span{background:var(--teal,var(--th-c1))}
:where(html.th-on) .sm-steps li.done button{border-color:var(--teal3,var(--th-c6))}
:where(html.th-on) .sm-ty.on{border-color:var(--teal,var(--th-c1));color:var(--teal-d,var(--th-c3))}
:where(html.th-on) .sm-heb{color:var(--teal,var(--th-c1))}
:where(html.th-on) .sm-upsell h2{color:var(--teal-d,var(--th-c3))}
:where(html.th-on) .simopt{border:1.5px solid var(--teal3,var(--th-c6))}
:where(html.th-on) .sim-chk input{accent-color:var(--teal,var(--th-c1))}
:where(html.th-on) .simopt-ed summary{color:var(--teal,var(--th-c1))}
:where(html.th-on) .sm-hc b{color:var(--teal,var(--th-c1))}
:where(html.th-on) .sma-tabs button.on{color:var(--teal,var(--th-c1));border-color:var(--teal,var(--th-c1))}
:where(html.th-on) .sma-row.f{border-color:var(--gold,var(--th-c7))}
:where(html.th-on) .sma-sw input{accent-color:var(--teal,var(--th-c1))}
:where(html.th-on) .dkh-simb{color:var(--teal,var(--th-c1));border:1px solid var(--teal3,var(--th-c6))}
:where(html.th-on) .sm-box label.chk input,:where(html.th-on) .sm-form label.chk input{accent-color:var(--teal,var(--th-c1))}
/* board-extras.css */
:where(html.th-on) .bx-cpx{color:var(--teal,var(--th-c1))}
:where(html.th-on) .bx-adc{color:var(--teal,var(--th-c1))}
:where(html.th-on) .bx-tile>span{color:var(--teal,var(--th-c1))}
:where(html.th-on) .bx-tile:hover{border-color:var(--teal,var(--th-c1))}
:where(html.th-on) .bx-st-t.on{background:var(--teal,var(--th-c1));border-color:var(--teal,var(--th-c1))}
:where(html.th-on) .bx-seg button.on{background:var(--teal,var(--th-c1))}
:where(html.th-on) .bxa-tabs button.on{color:var(--teal,var(--th-c1))}
:where(html.th-on) .bxa-ib:hover{border-color:var(--teal,var(--th-c1))}
:where(html.th-on) .bxa-prog i{background:var(--teal,var(--th-c1))}
/* fieldicons.css */
:where(html.th-on) #fields .fi-b:focus-visible{outline:2px solid var(--th-c2)}
:where(html.th-on) #fields .fi-u{color:var(--th-c2)}
:where(html.th-on) #fields .fi-k.fi-kon{background:var(--th-c2)}
:where(html.th-on) #fields .fi-a,:where(html.th-on) #fields .fi-p{color:var(--th-c2)}
:where(html.th-on) .fi-tp-kb,:where(html.th-on) .fi-tp-ok{color:var(--th-c2)}
:where(html.th-on) .fi-tp-ok{background:var(--th-c2);border-color:var(--th-c2)}
:where(html.th-on) .fi-tc.fi-on{background:var(--th-c2);border-color:var(--th-c2)}
/* subcol.css */
:where(html.th-on) .sc-chip.on{background:var(--th-c1);border-color:var(--th-c1)}
:where(html.th-on) .sc-list li.over{border-color:var(--th-c1)}
/* allcards.css */
:where(html.th-on) .ac-views button.on{background:var(--teal,var(--th-c1));border-color:var(--teal,var(--th-c1))}
:where(html.th-on) .ac-clear{color:var(--teal,var(--th-c1))}
:where(html.th-on) .ac-spin{border-top-color:var(--teal,var(--th-c1))}
@media (max-width:760px){:where(html.th-on) .ac-fbtn b{background:var(--teal,var(--th-c1))}:where(html.th-on) .ac-done{background:var(--teal,var(--th-c1))}}
/* cascade fixups: later same-specificity source rules that a generated rule would otherwise beat (PORT p40) */
:where(html.th-on) .sm-hc{border-color:var(--line,#D7DFE2)}