:root{--theme-paper:#11171d;--theme-card:#171f27;--theme-surface:#202931;--theme-accent:#bfd9e9}
:root[data-palette="forest"]{--theme-paper:#101b17;--theme-card:#182820;--theme-surface:#25382d;--theme-accent:#b5dbb2}
:root[data-palette="violet"]{--theme-paper:#181422;--theme-card:#241e30;--theme-surface:#342a42;--theme-accent:#d4bdf3}
:root[data-palette="copper"]{--theme-paper:#211713;--theme-card:#2c201a;--theme-surface:#3e2e25;--theme-accent:#efc09d}
:root[data-palette="mono"]{--theme-paper:#171717;--theme-card:#222;--theme-surface:#303030;--theme-accent:#eee}
body:is(.hub,.vet,.medical,.craft){--paper:var(--theme-paper);--card:var(--theme-card);--surface:var(--theme-surface);--accent:var(--theme-accent);--on-accent:#11171d;--muted:#b8bec4;--ink:#f4f5f4;--line:#ffffff24}
body:is(.hub,.vet,.medical,.craft) dialog{--paper:var(--theme-card);--surface:var(--theme-surface);--accent:var(--theme-accent);background:var(--theme-card)}
.hub .demo-card{background:var(--card)}.hub .demo-card-body :is(.eyebrow,.text-link){color:var(--accent)}.hub-intro h1 em{color:var(--accent)}
.palette-trigger{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);padding:8px 13px;min-height:38px;font-size:12px;white-space:nowrap}.palette-trigger:before{content:'';width:12px;height:12px;border-radius:50%;background:var(--accent);border:1px solid #ffffff40}.demo-bar .palette-trigger{padding:4px 12px;border:1px solid var(--line);min-height:32px}.demo-bar{gap:12px}.demo-bar>[data-info]{margin-left:auto}.palette-options{display:grid;gap:10px;margin:25px 0}.palette-option{display:flex;align-items:center;gap:14px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px;color:var(--ink);min-height:58px}.palette-option[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.palette-option[aria-pressed="true"]:after{content:'✓';margin-left:auto;color:var(--accent)}.palette-swatch{display:block;width:26px;height:26px;border-radius:50%;background:#bfd9e9;border:1px solid #ffffff40}.palette-option[data-choice="forest"] .palette-swatch{background:#b5dbb2}.palette-option[data-choice="violet"] .palette-swatch{background:#d4bdf3}.palette-option[data-choice="copper"] .palette-swatch{background:#efc09d}.palette-option[data-choice="mono"] .palette-swatch{background:#eee}.palette-status{font-size:13px;min-height:22px}#palette-dialog .button{margin-top:10px}.hub-header{gap:20px}.hub-header>span{margin-left:auto}@media(max-width:500px){.demo-bar{flex-wrap:wrap;gap:4px 10px}.demo-bar>a{flex:1}.demo-bar>[data-info]{display:none}.demo-bar .palette-trigger{font-size:11px}.hub-header .palette-trigger{font-size:11px;padding:7px 11px}.palette-option{padding:12px}.palette-options{gap:8px;margin-block:20px}}