/* Shared tokens keep each preview palette coherent across the page and SVG map. */
:root,[data-palette="clay"]{
 --paper:#f3f0e7;--ink:#242721;--muted:#606258;--accent:#bc3b1c;--line:#d5d5c9;--lime:#dce6af;
 --surface:#e8e8dd;--surface-line:#bdbfb0;--field-border:#91958a;--dark-line:#51544b;--dark-muted:#c8cbbc;
 --map-card:#e5e7d7;--map-sea:#dce5dc;--map-land:#eeeee3;--map-grid:#d1d3bf;--map-park:#c9d2b7;--map-contour:#b6c5a2;--map-coast:#a4b6ac;--map-road:#fffdf5;--map-road-line:#c5c8b6;
 --film-word:#525d40;--film-word-light:#8e9a73;
}
[data-palette="aegean"]{
 --paper:#f1f5f6;--ink:#1e303e;--muted:#50616b;--accent:#245c89;--line:#cbd7dd;--lime:#bfdeed;
 --surface:#e2ebef;--surface-line:#b4c7d0;--field-border:#8599a5;--dark-line:#465e6d;--dark-muted:#c4d8e3;
 --map-card:#e0e9ee;--map-sea:#c9dee8;--map-land:#edf2f4;--map-grid:#cfdce2;--map-park:#c3d8d5;--map-contour:#abc7c2;--map-coast:#8eb5c3;--map-road:#fbfdff;--map-road-line:#c1d1d9;
 --film-word:#416175;--film-word-light:#8eb4c9;
}
[data-palette="pine"]{
 --paper:#f0f3eb;--ink:#24352c;--muted:#536357;--accent:#356246;--line:#cdd7c7;--lime:#d2e5b0;
 --surface:#e2e9d9;--surface-line:#b7c6ab;--field-border:#8d9d82;--dark-line:#4b6251;--dark-muted:#ceddc8;
 --map-card:#e0e8d7;--map-sea:#d0e1d8;--map-land:#edf1e7;--map-grid:#cfdbc7;--map-park:#bfd2aa;--map-contour:#a8bf90;--map-coast:#96b4a6;--map-road:#fafcf4;--map-road-line:#bdcdb2;
 --film-word:#4c674e;--film-word-light:#9dbb89;
}
[data-palette="plum"]{
 --paper:#f6f0f4;--ink:#352935;--muted:#685a66;--accent:#794567;--line:#ded0db;--lime:#e7cce0;
 --surface:#ece2e9;--surface-line:#ccb9c7;--field-border:#a48c9f;--dark-line:#655062;--dark-muted:#e1cedb;
 --map-card:#eadfe7;--map-sea:#dcdde9;--map-land:#f2eaf0;--map-grid:#ddd0d9;--map-park:#d3c8d7;--map-contour:#bfaec4;--map-coast:#b1b0c4;--map-road:#fffaff;--map-road-line:#d3c1cf;
 --film-word:#67475f;--film-word-light:#b18aa5;
}
.palette-picker{position:relative;border:0;align-self:flex-end;line-height:1}
.palette-picker>summary{padding:8px;min-width:36px;min-height:36px;justify-content:center;color:var(--muted);border:1px solid transparent;border-radius:50%;opacity:.7}
.palette-picker>summary:hover,.palette-picker[open]>summary,.palette-picker>summary:focus-visible{opacity:1;border-color:var(--line)}
.palette-picker>summary svg{width:18px;height:18px}.palette-picker>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.palette-panel{position:absolute;bottom:calc(100% + 8px);right:0;z-index:5;width:210px;padding:16px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 30px #00000012;text-align:left;line-height:1.5}
.palette-panel legend{font-size:11px;font-weight:700;margin-bottom:12px}.palette-option{display:flex;align-items:center;gap:9px;font-weight:400;font-size:12px;margin:0;padding:7px 0;cursor:pointer}
.palette-option input{appearance:auto;accent-color:var(--accent);width:15px;height:15px;margin:0;flex-shrink:0}
.palette-swatch{display:block;width:30px;height:14px;border:1px solid #00000020;background:linear-gradient(90deg,var(--swatch-paper) 0 33%,var(--swatch-ink) 33% 66%,var(--swatch-accent) 66%)}
.palette-option[data-choice=clay]{--swatch-paper:#f3f0e7;--swatch-ink:#242721;--swatch-accent:#bc3b1c}
.palette-option[data-choice=aegean]{--swatch-paper:#f1f5f6;--swatch-ink:#1e303e;--swatch-accent:#245c89}
.palette-option[data-choice=pine]{--swatch-paper:#f0f3eb;--swatch-ink:#24352c;--swatch-accent:#356246}
.palette-option[data-choice=plum]{--swatch-paper:#f6f0f4;--swatch-ink:#352935;--swatch-accent:#794567}
@media(max-width:760px){.palette-picker{margin-left:auto}.palette-panel{right:0}}


/* Calm mosaic: white surfaces and a clear blue default. */
[data-palette="aegean"]{--paper:#ffffff;--ink:#111820;--muted:#4d5965;--accent:#0059bd;--line:#d9e0e6;--surface:#f2f6f9;--surface-line:#d9e0e6;--field-border:#8a99a7;--map-card:#e0e9ee;--dark-muted:#c4d8e3;--lime:#bfdeed}