/* V1.7.6 — Ten selectable accent themes.
   Colour themes modify accent variables only. Dark page surfaces remain neutral.
   This layer does not add or generate image assets. */
body[data-color-theme="forest"]{--primary:#22674f;--primary-2:#d4e8df;--on-primary:#f8fffb;--accent:#b96c43;--accent-2:#f0dcd0;--success:#2c7457}
body[data-color-theme="purple"]{--primary:#6847ad;--primary-2:#e5dcf4;--on-primary:#fffaff;--accent:#9b5a96;--accent-2:#f0ddef;--success:#4f775f}
body[data-color-theme="ocean"]{--primary:#2565a5;--primary-2:#d9e8f6;--on-primary:#f8fcff;--accent:#327c9c;--accent-2:#d9ebf2;--success:#39775f}
body[data-color-theme="teal"]{--primary:#087b75;--primary-2:#d2ebe8;--on-primary:#f7fffe;--accent:#3c826e;--accent-2:#d9ece5;--success:#28765d}
body[data-color-theme="coral"]{--primary:#b2514a;--primary-2:#f1dcda;--on-primary:#fffafa;--accent:#ce7642;--accent-2:#f4e2d6;--success:#50765c}
body[data-color-theme="rose"]{--primary:#a93f6c;--primary-2:#f1dbe5;--on-primary:#fffafd;--accent:#be647c;--accent-2:#f3dfe5;--success:#4e775e}
body[data-color-theme="orange"]{--primary:#ad561d;--primary-2:#f1dfd2;--on-primary:#fffaf5;--accent:#bd761d;--accent-2:#f3e5d0;--success:#4d765c}
body[data-color-theme="gold"]{--primary:#806310;--primary-2:#ece4c8;--on-primary:#fffdf3;--accent:#9f721a;--accent-2:#f0e4c8;--success:#51745d}
body[data-color-theme="indigo"]{--primary:#4658ae;--primary-2:#dfe2f4;--on-primary:#fafaff;--accent:#6760b4;--accent-2:#e5e1f3;--success:#4d745f}
body[data-color-theme="charcoal"]{--primary:#45525b;--primary-2:#dfe4e7;--on-primary:#fbfcfd;--accent:#6c5c52;--accent-2:#e7dfda;--success:#4c715c}

body.dark[data-color-theme="forest"]{--primary:#82c8aa;--primary-2:#233d32;--on-primary:#112019;--accent:#e1a17c;--accent-2:#493127;--success:#89d2b1}
body.dark[data-color-theme="purple"]{--primary:#bca2ef;--primary-2:#382c52;--on-primary:#1c1528;--accent:#dda0d6;--accent-2:#4b2d48;--success:#91ceb0}
body.dark[data-color-theme="ocean"]{--primary:#83b8e7;--primary-2:#22394d;--on-primary:#10202d;--accent:#7fc5dd;--accent-2:#243f49;--success:#90cfb0}
body.dark[data-color-theme="teal"]{--primary:#72cec8;--primary-2:#1f433f;--on-primary:#102321;--accent:#8fd2bd;--accent-2:#24443a;--success:#83d1ad}
body.dark[data-color-theme="coral"]{--primary:#ef9a90;--primary-2:#4b2e2c;--on-primary:#2b1715;--accent:#f0aa78;--accent-2:#4e3527;--success:#91cbae}
body.dark[data-color-theme="rose"]{--primary:#eb95b6;--primary-2:#4b2938;--on-primary:#2a1420;--accent:#ed9eae;--accent-2:#4d2e37;--success:#91cbae}
body.dark[data-color-theme="orange"]{--primary:#f0a36d;--primary-2:#4c3323;--on-primary:#2b1b0f;--accent:#e9bd70;--accent-2:#493b23;--success:#91caad}
body.dark[data-color-theme="gold"]{--primary:#d6bd6c;--primary-2:#443c21;--on-primary:#241f0d;--accent:#e0c47a;--accent-2:#493f25;--success:#91c9ac}
body.dark[data-color-theme="indigo"]{--primary:#9eacf0;--primary-2:#2d3453;--on-primary:#161a2b;--accent:#beb0ef;--accent-2:#38304e;--success:#91cbae}
body.dark[data-color-theme="charcoal"]{--primary:#b8c3cb;--primary-2:#30383e;--on-primary:#192026;--accent:#c2afa3;--accent-2:#403731;--success:#92c9ad}


/* Regression guard: the selected accent must never tint the complete dark canvas. */
body.dark[data-color-theme]{
  --bg:#181a1f;
  --surface:#181a1f;
  --surface-2:#20232a;
  --surface-3:#282c34;
  --text:#f2f4f6;
  --muted:#adb3bc;
  --line:rgba(235,240,246,.11);
}

html[data-theme-effective="dark"]{background:#181a1f;}

.app-color-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.color-theme-option{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:7px;padding:9px 8px;border:0;border-radius:13px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.color-theme-option:hover,.color-theme-option:focus-visible{background:var(--primary-2);outline:none}
.color-theme-option.active{background:var(--primary-2);color:var(--primary);box-shadow:var(--neu-inset-sm)}
.color-theme-option strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.color-theme-option b{opacity:0;color:var(--primary);font-size:12px}.color-theme-option.active b{opacity:1}
.theme-swatch{width:22px;height:22px;border-radius:50%;display:block;border:3px solid color-mix(in srgb,var(--bg) 82%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 18%,transparent),var(--neu-raised-xs)}
.color-theme-option[data-color-theme="forest"] .theme-swatch{background:#22674f}
.color-theme-option[data-color-theme="purple"] .theme-swatch{background:#6847ad}
.color-theme-option[data-color-theme="ocean"] .theme-swatch{background:#2565a5}
.color-theme-option[data-color-theme="teal"] .theme-swatch{background:#087b75}
.color-theme-option[data-color-theme="coral"] .theme-swatch{background:#b2514a}
.color-theme-option[data-color-theme="rose"] .theme-swatch{background:#a93f6c}
.color-theme-option[data-color-theme="orange"] .theme-swatch{background:#ad561d}
.color-theme-option[data-color-theme="gold"] .theme-swatch{background:#806310}
.color-theme-option[data-color-theme="indigo"] .theme-swatch{background:#4658ae}
.color-theme-option[data-color-theme="charcoal"] .theme-swatch{background:#45525b}
@media(max-width:380px){.app-color-options{gap:5px}.color-theme-option{padding:8px 6px;grid-template-columns:22px minmax(0,1fr) 14px}.theme-swatch{width:20px;height:20px}}