/* Public colour preference; no preview/version UI. */
:root,html[data-theme=olive] { --ink:#252e23;--panel:#323c2e;--surface:#303a2d;--paper:#efe7d6;--accent:#efe7d6;--muted:#c8c9b6;--shade:24,31,22;--line:#efe7d633; }
html[data-theme=petrol] { --ink:#103632;--panel:#17443e;--surface:#1c4a44;--paper:#f2eee5;--accent:#f2eee5;--muted:#c2cec5;--shade:9,33,31;--line:#f2eee533; }
html[data-theme=slate] { --ink:#25313b;--panel:#34424d;--surface:#303e48;--paper:#eee9de;--accent:#eee9de;--muted:#c4cbd0;--shade:20,28,35;--line:#eee9de33; }
html[data-theme=oxblood] { --ink:#392a33;--panel:#4b3743;--surface:#45323d;--paper:#f0e5d8;--accent:#f0e5d8;--muted:#cec0c5;--shade:30,20,27;--line:#f0e5d833; }
.theme-picker-toggle { display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--paper);font-size:13px;font-weight:600; }
.theme-picker-panel { position:fixed;top:calc(var(--header-height,106px) + 8px);right:max(16px,calc((100vw - 1200px)/2));width:min(300px,calc(100vw - 32px));max-height:calc(100svh - var(--header-height,106px) - 24px);overflow:auto;padding:20px;z-index:125;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--paper);box-shadow:0 12px 36px #0004; }
.theme-picker-panel .eyebrow { font-size:11px;margin:0 0 12px; }
.theme-picker-options { display:grid;gap:6px; }
.theme-picker-options button { display:flex;align-items:center;gap:12px;min-height:44px;width:100%;border:1px solid transparent;border-radius:6px;padding:8px 12px;font-size:14px;background:transparent;color:var(--paper);text-align:left; }
.theme-picker-options button[aria-pressed=true] { border-color:var(--paper); }
.theme-picker-panel .theme-selected { margin-left:auto;visibility:hidden; }
.theme-picker-panel [aria-pressed=true] .theme-selected { visibility:visible; }
.theme-picker-panel .theme-swatch { width:22px;height:22px;border:1px solid #fff7;border-radius:50%; }
.theme-swatch-olive { background:#252e23; }.theme-swatch-petrol { background:#103632; }.theme-swatch-slate { background:#25313b; }.theme-swatch-oxblood { background:#392a33; }
@media(max-width:700px) { .header-inner { gap:8px; }.theme-picker-toggle { width:44px;padding:0; }.theme-picker-label { display:none; } }