/* Interface palettes are local preferences; board palettes keep their own IDs. */
:root[data-interface-theme=obsidian],.preview-obsidian{
 --ui-bg:#100e15;--ui-sidebar:#100e15;--ui-inset:#151019;--ui-surface:#1c1723;--ui-raised:#25202d;--ui-selected:#382647;--ui-text:#f0edf5;--ui-secondary:#cfc3db;--ui-muted:#afa1bc;--ui-line:#493b53;--ui-line-strong:#80628f;--ui-accent:#c2a0eb;--ui-accent-hover:#d5b8f7;--ui-on-accent:#20112e;--ui-wash:#ffffff;--ui-success:#a5d5bb;--ui-success-bg:#203a2e;--ui-warning:#f2cc91;--ui-warning-bg:#3e3020;--ui-danger:#ffbdc3;--ui-danger-bg:#46242c;--ui-info:#b4d8fa;--ui-info-bg:#20344b
}
:root[data-interface-theme=slate],.preview-slate{
 --ui-bg:#101820;--ui-sidebar:#0d141c;--ui-inset:#121d28;--ui-surface:#1a2633;--ui-raised:#223242;--ui-selected:#263e54;--ui-text:#edf3fa;--ui-secondary:#c6d5e5;--ui-muted:#a0b4c8;--ui-line:#36495d;--ui-line-strong:#6a87a5;--ui-accent:#91c2f3;--ui-accent-hover:#b2d6fb;--ui-on-accent:#122336;--ui-wash:#ffffff;--ui-success:#a4d7bd;--ui-success-bg:#203b34;--ui-warning:#efd19e;--ui-warning-bg:#3b3426;--ui-danger:#ffc0c5;--ui-danger-bg:#422a35;--ui-info:#b4d8fa;--ui-info-bg:#243c52
}
:root[data-interface-theme=forest],.preview-forest{
 --ui-bg:#101b19;--ui-sidebar:#0d1715;--ui-inset:#14231f;--ui-surface:#1b2d27;--ui-raised:#243b32;--ui-selected:#2c4b3d;--ui-text:#eef5ee;--ui-secondary:#c9dbcb;--ui-muted:#a6c0ae;--ui-line:#3c5549;--ui-line-strong:#769c84;--ui-accent:#b5d4a0;--ui-accent-hover:#cee4bf;--ui-on-accent:#1b3021;--ui-wash:#ffffff;--ui-success:#b5dca7;--ui-success-bg:#2c4230;--ui-warning:#f0d1a0;--ui-warning-bg:#3c3527;--ui-danger:#ffc1bb;--ui-danger-bg:#422c2e;--ui-info:#b4d8ea;--ui-info-bg:#263c45
}
:root[data-interface-theme=chalk],.preview-chalk{
 --ui-bg:#f4f4f7;--ui-sidebar:#eae8f0;--ui-inset:#edeaf2;--ui-surface:#ffffff;--ui-raised:#f5f1fa;--ui-selected:#e9def5;--ui-text:#292333;--ui-secondary:#4c4459;--ui-muted:#685e76;--ui-line:#d6d0df;--ui-line-strong:#9988ac;--ui-accent:#684194;--ui-accent-hover:#53317d;--ui-on-accent:#ffffff;--ui-wash:#292333;--ui-success:#285d42;--ui-success-bg:#e1f0e5;--ui-warning:#77501c;--ui-warning-bg:#fbefd8;--ui-danger:#9f3345;--ui-danger-bg:#fae6e9;--ui-info:#315e89;--ui-info-bg:#e4eef9
}
:root[data-interface-theme=linen],.preview-linen{
 --ui-bg:#f5f1e9;--ui-sidebar:#eae2d6;--ui-inset:#ede6da;--ui-surface:#fffcf6;--ui-raised:#f6eee3;--ui-selected:#f0dfce;--ui-text:#352a23;--ui-secondary:#59483d;--ui-muted:#756152;--ui-line:#dacebc;--ui-line-strong:#ab8d72;--ui-accent:#875035;--ui-accent-hover:#6e3d26;--ui-on-accent:#ffffff;--ui-wash:#352a23;--ui-success:#375e3b;--ui-success-bg:#e6eedf;--ui-warning:#77501c;--ui-warning-bg:#faebce;--ui-danger:#9d3e39;--ui-danger-bg:#f8e3de;--ui-info:#3b607b;--ui-info-bg:#e6eef1
}
:root[data-interface-theme=mist],.preview-mist{
 --ui-bg:#f0eef7;--ui-sidebar:#e3deef;--ui-inset:#e8e3f2;--ui-surface:#fcfbff;--ui-raised:#f0ebf8;--ui-selected:#e0d6f3;--ui-text:#30263f;--ui-secondary:#514460;--ui-muted:#6c5b7c;--ui-line:#d3c8e3;--ui-line-strong:#9b86b6;--ui-accent:#70469c;--ui-accent-hover:#5b337f;--ui-on-accent:#ffffff;--ui-wash:#30263f;--ui-success:#2e614b;--ui-success-bg:#deeee6;--ui-warning:#77501c;--ui-warning-bg:#f8edd6;--ui-danger:#9f334e;--ui-danger-bg:#f9e3ec;--ui-info:#3a5f8b;--ui-info-bg:#e3ebf8
}
:root[data-interface-theme=graphite],.preview-graphite{
 --ui-bg:#30343b;--ui-sidebar:#2a2e35;--ui-inset:#353a42;--ui-surface:#3a3f47;--ui-raised:#454c56;--ui-selected:#4b5a6c;--ui-text:#f1f2f4;--ui-secondary:#d8dde4;--ui-muted:#c2c8d0;--ui-line:#59626d;--ui-line-strong:#929fae;--ui-accent:#b7cce8;--ui-accent-hover:#d3e1f3;--ui-on-accent:#263343;--ui-wash:#ffffff;--ui-success:#b6dcc4;--ui-success-bg:#364e42;--ui-warning:#f0d6a9;--ui-warning-bg:#514737;--ui-danger:#ffcad0;--ui-danger-bg:#594047;--ui-info:#c0dbf5;--ui-info-bg:#3b4e63
}
:root[data-interface-theme=dusk],.preview-dusk{
 --ui-bg:#3b343e;--ui-sidebar:#342f38;--ui-inset:#403943;--ui-surface:#453e48;--ui-raised:#514954;--ui-selected:#65516c;--ui-text:#f5eff5;--ui-secondary:#e0d4df;--ui-muted:#cebdcb;--ui-line:#6c5b70;--ui-line-strong:#b09ab4;--ui-accent:#ddbed4;--ui-accent-hover:#eed9e7;--ui-on-accent:#392b36;--ui-wash:#ffffff;--ui-success:#bfdac5;--ui-success-bg:#3c5145;--ui-warning:#f0d6ae;--ui-warning-bg:#554739;--ui-danger:#ffccd1;--ui-danger-bg:#614149;--ui-info:#c4daf1;--ui-info-bg:#444c62
}
:root[data-interface-theme=pebble],.preview-pebble{
 --ui-bg:#d2d5d2;--ui-sidebar:#c5cbc4;--ui-inset:#d2d8d0;--ui-surface:#dfe2dc;--ui-raised:#e7e9e4;--ui-selected:#bdcfbf;--ui-text:#29342d;--ui-secondary:#3d4e42;--ui-muted:#4b594f;--ui-line:#a6b2a5;--ui-line-strong:#778d79;--ui-accent:#416354;--ui-accent-hover:#304e40;--ui-on-accent:#f0f3ee;--ui-wash:#29342d;--ui-success:#28573b;--ui-success-bg:#c4d7c5;--ui-warning:#6c4b20;--ui-warning-bg:#e2d5b9;--ui-danger:#85363d;--ui-danger-bg:#e2c8c7;--ui-info:#34536b;--ui-info-bg:#c7d4dd
}
:root[data-interface-theme=clay],.preview-clay{
 --ui-bg:#d7cbbf;--ui-sidebar:#cbbbad;--ui-inset:#d9cbbd;--ui-surface:#e4dace;--ui-raised:#ece4d9;--ui-selected:#ccb29d;--ui-text:#3d312a;--ui-secondary:#554438;--ui-muted:#604c3f;--ui-line:#b7a18a;--ui-line-strong:#92735a;--ui-accent:#75533c;--ui-accent-hover:#5b3d2b;--ui-on-accent:#f5eee4;--ui-wash:#3d312a;--ui-success:#3e5b3f;--ui-success-bg:#cdd5bc;--ui-warning:#6e491b;--ui-warning-bg:#e6d4b0;--ui-danger:#873c35;--ui-danger-bg:#e5c6bc;--ui-info:#3c5669;--ui-info-bg:#cad2d5
}
:root[data-interface-theme]{--ink:var(--ui-text);--muted:var(--ui-muted);--green:var(--ui-accent);--line:var(--ui-line);--paper:var(--ui-surface);--accent:var(--ui-selected);--sidebar:var(--ui-sidebar);color:var(--ui-text);background:var(--ui-bg)}
:root[data-interface-scheme=dark]{color-scheme:dark}
:root[data-interface-scheme=light]{color-scheme:light}
/* The original palette keeps its existing nuances; the other palettes use roles. */
:root[data-interface-theme]:not([data-interface-theme=obsidian]){
 --tone-bg-deep:var(--ui-bg);--tone-bg-low:var(--ui-inset);--tone-bg:var(--ui-surface);--tone-bg-raised:var(--ui-raised);--tone-bg-selected:var(--ui-selected);--tone-primary:var(--ui-accent);--tone-primary-hover:var(--ui-accent-hover);--tone-text:var(--ui-text);--tone-text-soft:var(--ui-secondary);--tone-text-muted:var(--ui-muted);--tone-on-accent:var(--ui-on-accent);--tone-link:var(--ui-accent);--tone-line:var(--ui-line);--tone-line-strong:var(--ui-line-strong);--tone-focus:var(--ui-accent);--tone-wash:var(--ui-wash);--tone-success-text:var(--ui-success);--tone-success-bg:var(--ui-success-bg);--tone-warning-text:var(--ui-warning);--tone-warning-bg:var(--ui-warning-bg);--tone-danger-text:var(--ui-danger);--tone-danger-bg:var(--ui-danger-bg);--tone-info-text:var(--ui-info);--tone-info-bg:var(--ui-info-bg)
}
html[data-interface-theme] .sidebar{background:var(--ui-sidebar)}
html[data-interface-theme] a{color:var(--ui-accent)}
html[data-interface-theme] .settings-category-copy strong{color:var(--ui-text)}
html[data-interface-theme] .column-order-list li{color:var(--ui-text)}
html[data-interface-theme] .field-input option{background:var(--ui-surface);color:var(--ui-text)}
html[data-interface-theme] .settings-workspace .field-hint{color:var(--ui-muted)}
html[data-interface-theme] .sidebar-board.active:before{background:var(--ui-accent)}
/* Board backgrounds get matching light minerals without editing board data. */
:root[data-interface-scheme=light] .theme-indigo{--theme-start:#f3eef9;--theme-end:#e6def3;--theme-pop:#9975c3;--theme-light:#674392;--theme-ink:#4f326e}
:root[data-interface-scheme=light] .theme-ocean{--theme-start:#eef5f9;--theme-end:#dceaf1;--theme-pop:#548aa5;--theme-light:#35627c;--theme-ink:#254c65}
:root[data-interface-scheme=light] .theme-forest{--theme-start:#eff5ef;--theme-end:#dce9df;--theme-pop:#659174;--theme-light:#386947;--theme-ink:#2c5339}
:root[data-interface-scheme=light] .theme-sunset{--theme-start:#faf3e9;--theme-end:#f0e0c9;--theme-pop:#b18a56;--theme-light:#825923;--theme-ink:#66471f}
:root[data-interface-scheme=light] .theme-berry{--theme-start:#faeff5;--theme-end:#eddae7;--theme-pop:#b1759c;--theme-light:#8c4773;--theme-ink:#723659}
:root[data-interface-scheme=light] .theme-midnight{--theme-start:#eff1f5;--theme-end:#dfe4eb;--theme-pop:#71849e;--theme-light:#495e79;--theme-ink:#35465d}
:root[data-interface-scheme=light] :is(.board-surface,.hub-surface,.appearance-preview){--board-caption:#453c4e;--board-image-veil:#f7f5fab8}
:root[data-interface-scheme=light] .background-grid{--surface-pattern:linear-gradient(#33274409 1px,transparent 1px),linear-gradient(90deg,#33274409 1px,transparent 1px),linear-gradient(125deg,var(--theme-start),var(--theme-end))}
:root[data-interface-scheme=light] .label-violet{--label-bg:#ede3fa;--label-text:#633b91}
:root[data-interface-scheme=light] .label-blue{--label-bg:#e1edfc;--label-text:#345f98}
:root[data-interface-scheme=light] .label-cyan{--label-bg:#def0f3;--label-text:#2a6370}
:root[data-interface-scheme=light] .label-emerald{--label-bg:#e1f0e7;--label-text:#2b6549}
:root[data-interface-scheme=light] .label-lime{--label-bg:#edf0d9;--label-text:#52652d}
:root[data-interface-scheme=light] .label-amber{--label-bg:#f7ebcf;--label-text:#79551d}
:root[data-interface-scheme=light] .label-coral{--label-bg:#fae4dd;--label-text:#954831}
:root[data-interface-scheme=light] .label-pink{--label-bg:#f7e1ee;--label-text:#903c70}
:root[data-interface-scheme=light] .label-slate{--label-bg:#e6e9f0;--label-text:#505f79}
.interface-theme-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:24px}
.interface-theme-summary h3{display:flex;align-items:center;gap:8px}
.interface-theme-summary p{margin:7px 0 0!important}
.interface-theme-group{padding:0;border:0;margin:24px 0}
.interface-theme-group legend{color:var(--ui-text);font-size:13px;font-weight:650;margin-bottom:12px}
.interface-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.interface-theme-choice{position:relative;display:block;cursor:pointer;min-width:0}
.interface-theme-choice input{position:absolute;left:13px;bottom:16px;width:16px;height:16px;margin:0;accent-color:var(--ui-accent);z-index:1}
.interface-theme-card{display:flex;flex-direction:column;gap:8px;height:100%;padding:9px 9px 14px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);transition:border-color .15s,background .15s}
.interface-theme-choice:hover .interface-theme-card{border-color:var(--ui-line-strong);background:var(--ui-raised)}
.interface-theme-choice input:checked+.interface-theme-card{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent);background:var(--ui-raised)}
.interface-theme-choice:focus-within{outline:2px solid var(--ui-accent);outline-offset:4px;border-radius:10px}
.interface-theme-name{font-size:13px;font-weight:650;color:var(--ui-text);padding:2px 4px}
.interface-theme-description{color:var(--ui-muted);font-size:11px;line-height:1.6;padding:0 4px 26px}
.interface-theme-preview{display:grid;grid-template-columns:24% 1fr;height:104px;border-radius:5px;border:1px solid var(--ui-line);overflow:hidden;background:var(--ui-bg);position:relative}
.preview-sidebar{padding:16px 7px;background:var(--ui-sidebar);display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--ui-line)}
.preview-sidebar i{height:3px;border-radius:2px;background:var(--ui-muted);opacity:.5}
.preview-sidebar i:first-child{height:5px;background:var(--ui-accent);opacity:1;margin-bottom:5px}
.preview-main{display:flex;flex-direction:column;padding:12px 8px;gap:11px}
.preview-bar{height:5px;width:65%;background:var(--ui-text);opacity:.75;border-radius:2px}
.preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.preview-columns>span{display:flex;flex-direction:column;gap:6px;background:var(--ui-inset);padding:6px;border-radius:3px}
.preview-columns i{display:block;height:19px;background:var(--ui-raised);border:1px solid var(--ui-line);border-top:2px solid var(--ui-accent);border-radius:3px}
.preview-check{position:absolute;right:7px;top:7px;display:none;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--ui-accent);color:var(--ui-on-accent);border:2px solid var(--ui-bg)}
.interface-theme-choice input:checked+.interface-theme-card .preview-check{display:grid}
.interface-system-choice{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--ui-line);background:var(--ui-inset);border-radius:9px;cursor:pointer;margin-top:20px}
.interface-system-choice:has(input:checked){border-color:var(--ui-accent);background:var(--ui-selected)}
.interface-system-choice input{width:18px;height:18px;accent-color:var(--ui-accent);margin:0;flex-shrink:0}
.interface-system-choice>span{flex:1;min-width:0}
.interface-system-choice strong{display:block;font-size:13px;font-weight:650;color:var(--ui-text)}
.interface-system-choice small{display:block;margin-top:5px;color:var(--ui-muted);font-size:11px;line-height:1.6}
.interface-system-choice>svg{color:var(--ui-accent)}
.interface-theme-status{border-top:1px solid var(--ui-line);padding-top:16px;color:var(--ui-secondary)!important;font-size:12px!important}
@media(max-width:700px){.interface-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.interface-theme-preview{height:100px}.interface-theme-summary{align-items:flex-start;flex-direction:column;gap:12px}.interface-theme-name{font-size:14px}.interface-theme-description{font-size:12px}.interface-system-choice strong{font-size:14px}.interface-system-choice small{font-size:12px}.interface-theme-group legend{font-size:14px}}
@media(prefers-reduced-motion:reduce){.interface-theme-card{transition:none}}