/* Site color presets (rep-20261102), subscriber-only, set by js/site-color-init.js as <html data-accent=...>. Only the
   accent changes; text, surfaces and the focus ring stay the theme's. Every pair passes WCAG AA (tests/e2e_site_color.py):
   accent text on the page and card colors >= 4.5:1, button text on the accent >= 4.5:1, the accent against the page >= 3:1.
   No attribute = the default brown/amber. The manifest theme color is not changed. */
:root[data-theme=light][data-accent=blue]{--c-accent:#0b4a8f;--c-on-accent:#ffffff;--c-accent-text:#0b4a8f}
:root[data-theme=dark][data-accent=blue]{--c-accent:#8cc4ff;--c-on-accent:#121212;--c-accent-text:#8cc4ff}
:root[data-theme=light][data-accent=green]{--c-accent:#1d5e20;--c-on-accent:#ffffff;--c-accent-text:#1d5e20}
:root[data-theme=dark][data-accent=green]{--c-accent:#93dc96;--c-on-accent:#121212;--c-accent-text:#93dc96}
:root[data-theme=light][data-accent=purple]{--c-accent:#5b2a86;--c-on-accent:#ffffff;--c-accent-text:#5b2a86}
:root[data-theme=dark][data-accent=purple]{--c-accent:#d4b0ff;--c-on-accent:#121212;--c-accent-text:#d4b0ff}
:root[data-theme=light][data-accent=red]{--c-accent:#8a1c1c;--c-on-accent:#ffffff;--c-accent-text:#8a1c1c}
:root[data-theme=dark][data-accent=red]{--c-accent:#ffaaa1;--c-on-accent:#121212;--c-accent-text:#ffaaa1}
:root[data-theme=light][data-accent=teal]{--c-accent:#0d5858;--c-on-accent:#ffffff;--c-accent-text:#0d5858}
:root[data-theme=dark][data-accent=teal]{--c-accent:#7fdcd2;--c-on-accent:#121212;--c-accent-text:#7fdcd2}
:root[data-theme=light][data-accent=gray]{--c-accent:#3d3d3d;--c-on-accent:#ffffff;--c-accent-text:#3d3d3d}
:root[data-theme=dark][data-accent=gray]{--c-accent:#d0d0d0;--c-on-accent:#121212;--c-accent-text:#d0d0d0}
.site-color fieldset{border:0;margin:0 0 1rem;padding:0}
.site-color legend{font-weight:700;font-size:1.125rem;margin-bottom:.5rem}
.color-choices{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.color-choices label{display:flex;align-items:center;gap:.5rem;min-height:var(--tap-min);padding:.4rem .9rem;border:2px solid var(--c-border);border-radius:999px;background:var(--c-surface);cursor:pointer;font-weight:700}
.color-choices input{appearance:none;-webkit-appearance:none;width:44px;height:44px;margin:0;border-radius:999px;border:3px solid var(--c-text);flex:none;cursor:pointer}
.color-choices input:checked{box-shadow:inset 0 0 0 4px var(--c-bg),inset 0 0 0 7px var(--c-text)}
.color-choices input:focus-visible{outline:4px solid var(--c-focus);outline-offset:3px}
.color-choices label:has(input:checked){border-color:var(--c-text);background:var(--c-surface-alt)}
.site-color .theme-switch{display:inline-flex}
#siteColor-default{background:#6e3b00}#siteColor-blue{background:#0b4a8f}#siteColor-green{background:#1d5e20}#siteColor-purple{background:#5b2a86}#siteColor-red{background:#8a1c1c}#siteColor-teal{background:#0d5858}#siteColor-gray{background:#3d3d3d}
:root[data-theme=dark] #siteColor-default{background:#ffb547}:root[data-theme=dark] #siteColor-blue{background:#8cc4ff}:root[data-theme=dark] #siteColor-green{background:#93dc96}:root[data-theme=dark] #siteColor-purple{background:#d4b0ff}:root[data-theme=dark] #siteColor-red{background:#ffaaa1}:root[data-theme=dark] #siteColor-teal{background:#7fdcd2}:root[data-theme=dark] #siteColor-gray{background:#d0d0d0}