/* GENERATED by scripts/build-themes.js — do not edit by hand.
   Colour tokens for every pickable theme. Layout and component styles
   are shared by all themes and live in css/pro.css. */
html:not([data-theme]){
  --ss-cyan:#4ba3d4;--ss-cyan-glow:rgba(75,163,212,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#6bb4dc;
  --bg:#0c101a;--bg-deep:#090d15;--panel:#111827;--panel-light:#141b2c;
  --card:#111827;--card-hover:#161e31;
  --glass:#111827;--glass-border:#232c41;
  --border:#232c41;--border-light:#1c2435;
  --white:#f3f4f6;--text:#d9dce2;--text-sec:#a5acbb;--text-dim:#7f899f;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#0c101a;--pro-hover:#161e31;--pro-active:rgba(75,163,212,0.14);
  --pro-side:#0e1320;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="refined"]{
  --ss-cyan:#5fa3c2;--ss-cyan-glow:rgba(95,163,194,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#7cb4cd;
  --bg:#0f131c;--bg-deep:#0c1017;--panel:#151b28;--panel-light:#181e2d;
  --card:#151b28;--card-hover:#1b2232;
  --glass:#151b28;--glass-border:#282f41;
  --border:#282f41;--border-light:#212736;
  --white:#f3f4f6;--text:#d9dce2;--text-sec:#a5acbb;--text-dim:#7f899f;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#0f131c;--pro-hover:#1b2232;--pro-active:rgba(95,163,194,0.14);
  --pro-side:#121621;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="linear"]{
  --ss-cyan:#8b9af5;--ss-cyan-glow:rgba(139,154,245,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#a0acf7;
  --bg:#0f1012;--bg-deep:#0c0c0e;--panel:#17181c;--panel-light:#1b1c20;
  --card:#17181c;--card-hover:#1e2024;
  --glass:#17181c;--glass-border:#2c2d32;
  --border:#2c2d32;--border-light:#242529;
  --white:#f4f4f6;--text:#dbdce1;--text-sec:#aaacb6;--text-dim:#868998;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#0f1012;--pro-hover:#1e2024;--pro-active:rgba(139,154,245,0.14);
  --pro-side:#131316;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="midnight"]{
  --ss-cyan:#8b9cf7;--ss-cyan-glow:rgba(139,156,247,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#a0aef8;
  --bg:#0f111a;--bg-deep:#0c0e15;--panel:#161825;--panel-light:#191b2a;
  --card:#161825;--card-hover:#1b1f2f;
  --glass:#161825;--glass-border:#282c3e;
  --border:#282c3e;--border-light:#212433;
  --white:#f3f4f6;--text:#d9dbe2;--text-sec:#a5a9bb;--text-dim:#7f849f;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#0f111a;--pro-hover:#1b1f2f;--pro-active:rgba(139,156,247,0.14);
  --pro-side:#12141f;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="carbon"]{
  --ss-cyan:#7eb6ff;--ss-cyan-glow:rgba(126,182,255,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#95c3ff;
  --bg:#141415;--bg-deep:#101011;--panel:#1c1c1e;--panel-light:#202022;
  --card:#1c1c1e;--card-hover:#232326;
  --glass:#1c1c1e;--glass-border:#313135;
  --border:#313135;--border-light:#29292b;
  --white:#f4f4f5;--text:#dddddf;--text-sec:#adadb3;--text-dim:#8a8a93;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#141415;--pro-hover:#232326;--pro-active:rgba(126,182,255,0.14);
  --pro-side:#171719;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="onyx"]{
  --ss-cyan:#e4e4e7;--ss-cyan-glow:rgba(228,228,231,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#e9e9eb;
  --bg:#080808;--bg-deep:#040404;--panel:#111111;--panel-light:#141414;
  --card:#111111;--card-hover:#181818;
  --glass:#111111;--glass-border:#262626;
  --border:#262626;--border-light:#1d1d1d;
  --white:#f5f5f5;--text:#dedede;--text-sec:#b0b0b0;--text-dim:#8f8f8f;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#080808;--pro-hover:#181818;--pro-active:rgba(228,228,231,0.14);
  --pro-side:#0b0b0b;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="slate"]{
  --ss-cyan:#8fb0d6;--ss-cyan-glow:rgba(143,176,214,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#a3bedd;
  --bg:#191e24;--bg-deep:#161a20;--panel:#20272f;--panel-light:#242b33;
  --card:#20272f;--card-hover:#272e38;
  --glass:#20272f;--glass-border:#343c46;
  --border:#343c46;--border-light:#2d343c;
  --white:#f3f5f6;--text:#d9dde2;--text-sec:#a5afbb;--text-dim:#8794a5;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#191e24;--pro-hover:#272e38;--pro-active:rgba(143,176,214,0.14);
  --pro-side:#1c2229;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="ocean"]{
  --ss-cyan:#3fb8c4;--ss-cyan-glow:rgba(63,184,196,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#62c5cf;
  --bg:#0a171c;--bg-deep:#081217;--panel:#0f212a;--panel-light:#11262f;
  --card:#0f212a;--card-hover:#132b35;
  --glass:#0f212a;--glass-border:#1f3945;
  --border:#1f3945;--border-light:#192f38;
  --white:#f3f5f6;--text:#d9e0e2;--text-sec:#a5b4bb;--text-dim:#7f959f;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#0a171c;--pro-hover:#132b35;--pro-active:rgba(63,184,196,0.14);
  --pro-side:#0c1b22;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="forest"]{
  --ss-cyan:#5fbf8c;--ss-cyan-glow:rgba(95,191,140,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#7ccba1;
  --bg:#0d1612;--bg-deep:#0a120e;--panel:#14221a;--panel-light:#17271e;
  --card:#14221a;--card-hover:#192b22;
  --glass:#14221a;--glass-border:#263b30;
  --border:#263b30;--border-light:#1f3027;
  --white:#f3f6f5;--text:#d9e2de;--text-sec:#a5bbaf;--text-dim:#7f9f8e;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#0d1612;--pro-hover:#192b22;--pro-active:rgba(95,191,140,0.14);
  --pro-side:#101b15;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="mocha"]{
  --ss-cyan:#d0a878;--ss-cyan-glow:rgba(208,168,120,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#d8b890;
  --bg:#1c1612;--bg-deep:#17120f;--panel:#271f19;--panel-light:#2c221c;
  --card:#271f19;--card-hover:#30261f;
  --glass:#271f19;--glass-border:#3f342c;
  --border:#3f342c;--border-light:#342b25;
  --white:#f6f5f3;--text:#e2ddd9;--text-sec:#bbaea5;--text-dim:#9f8c7f;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#1c1612;--pro-hover:#30261f;--pro-active:rgba(208,168,120,0.14);
  --pro-side:#211a15;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="cyber"]{
  --ss-cyan:#00d8e8;--ss-cyan-glow:rgba(0,216,232,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#2edfec;
  --bg:#110a19;--bg-deep:#0e0814;--panel:#1a1026;--panel-light:#1e122b;
  --card:#1a1026;--card-hover:#211431;
  --glass:#1a1026;--glass-border:#2f2041;
  --border:#2f2041;--border-light:#271a35;
  --white:#f5f3f6;--text:#ded9e2;--text-sec:#afa5bb;--text-dim:#8e7f9f;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#110a19;--pro-hover:#211431;--pro-active:rgba(0,216,232,0.14);
  --pro-side:#150d1f;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="vaporwave"]{
  --ss-cyan:#ff71ce;--ss-cyan-glow:rgba(255,113,206,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#ff8bd7;
  --bg:#110821;--bg-deep:#0e061b;--panel:#180b30;--panel-light:#1c0d36;
  --card:#180b30;--card-hover:#1f0e3c;
  --glass:#180b30;--glass-border:#2c1a4c;
  --border:#2c1a4c;--border-light:#25153f;
  --white:#f4f3f6;--text:#ddd9e2;--text-sec:#ada5bb;--text-dim:#8b7f9f;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#110821;--pro-hover:#1f0e3c;--pro-active:rgba(255,113,206,0.14);
  --pro-side:#140927;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="inkwell"]{
  --ss-cyan:#00d4ff;--ss-cyan-glow:rgba(0,212,255,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#2edcff;
  --bg:#050505;--bg-deep:#010101;--panel:#0d0e0f;--panel-light:#111213;
  --card:#0d0e0f;--card-hover:#141617;
  --glass:#0d0e0f;--glass-border:#222425;
  --border:#222425;--border-light:#191b1c;
  --white:#f4f5f5;--text:#dcdee0;--text-sec:#abb0b5;--text-dim:#888f96;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:3px;--radius-lg:7px;--radius-xl:9px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#050505;--pro-hover:#141617;--pro-active:rgba(0,212,255,0.14);
  --pro-side:#080909;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="tokyoNight"]{
  --ss-cyan:#7aa2f7;--ss-cyan-glow:rgba(122,162,247,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#92b3f8;
  --bg:#161720;--bg-deep:#13131b;--panel:#1d1e2a;--panel-light:#20212f;
  --card:#1d1e2a;--card-hover:#232434;
  --glass:#1d1e2a;--glass-border:#313242;
  --border:#313242;--border-light:#292a38;
  --white:#f3f4f6;--text:#d9dae2;--text-sec:#a5a7bb;--text-dim:#878aa5;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#161720;--pro-hover:#232434;--pro-active:rgba(122,162,247,0.14);
  --pro-side:#191a24;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="dracula"]{
  --ss-cyan:#bd93f9;--ss-cyan-glow:rgba(189,147,249,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#c9a6fa;
  --bg:#21222c;--bg-deep:#1d1f28;--panel:#282a36;--panel-light:#2b2e3b;
  --card:#282a36;--card-hover:#2f313f;
  --glass:#282a36;--glass-border:#3d3f4d;
  --border:#3d3f4d;--border-light:#353743;
  --white:#f3f4f6;--text:#d9dbe2;--text-sec:#afb2c3;--text-dim:#8e92aa;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#21222c;--pro-hover:#2f313f;--pro-active:rgba(189,147,249,0.14);
  --pro-side:#242630;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="nord"]{
  --ss-cyan:#88c0d0;--ss-cyan-glow:rgba(136,192,208,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#9dcbd8;
  --bg:#292e38;--bg-deep:#252a34;--panel:#303643;--panel-light:#333a47;
  --card:#303643;--card-hover:#373e4b;
  --glass:#303643;--glass-border:#454c59;
  --border:#454c59;--border-light:#3d434f;
  --white:#f3f4f6;--text:#d9dce2;--text-sec:#b9beca;--text-dim:#9ba4b4;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#292e38;--pro-hover:#373e4b;--pro-active:rgba(136,192,208,0.14);
  --pro-side:#2c313d;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="gruvbox"]{
  --ss-cyan:#fabd2f;--ss-cyan-glow:rgba(250,189,47,0.2);
  --ss-navy:#1e3a5f;--ss-navy-light:#fbc954;
  --bg:#211f1c;--bg-deep:#1d1b19;--panel:#2a2825;--panel-light:#2e2b28;
  --card:#2a2825;--card-hover:#322f2c;
  --glass:#2a2825;--glass-border:#413d3a;
  --border:#413d3a;--border-light:#373431;
  --white:#f6f5f4;--text:#e0dedc;--text-sec:#b5b0aa;--text-dim:#978f87;
  --success:#34d399;--success-dim:rgba(52,211,153,0.12);
  --warn:#fbbf24;--warn-dim:rgba(251,191,36,0.12);
  --danger:#f87171;--danger-dim:rgba(248,113,113,0.1);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-lg:0 16px 40px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --pro-field:#211f1c;--pro-hover:#322f2c;--pro-active:rgba(250,189,47,0.14);
  --pro-side:#252220;--on-accent:#0b1220;
  color-scheme:dark;
}
html[data-theme="light"]{
  --ss-cyan:#2970a0;--ss-cyan-glow:rgba(41,112,160,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#225e86;
  --bg:#f3f5f8;--bg-deep:#edeff3;--panel:#ffffff;--panel-light:#ffffff;
  --card:#ffffff;--card-hover:#f0f2f5;
  --glass:#ffffff;--glass-border:#d7dbe5;
  --border:#d7dbe5;--border-light:#e5e8ee;
  --white:#171a21;--text:#262b36;--text-sec:#475060;--text-dim:#61697c;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#ffffff;--pro-hover:#f0f2f5;--pro-active:#ecf2f6;
  --pro-side:#ffffff;--on-accent:#ffffff;
  color-scheme:light;
}
html[data-theme="notion"]{
  --ss-cyan:#1d6dbb;--ss-cyan-glow:rgba(29,109,187,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#185c9d;
  --bg:#f7f6f5;--bg-deep:#f2f1ef;--panel:#ffffff;--panel-light:#ffffff;
  --card:#ffffff;--card-hover:#f4f3f2;
  --glass:#ffffff;--glass-border:#e1dfdb;
  --border:#e1dfdb;--border-light:#ebeae7;
  --white:#1f1d19;--text:#322f29;--text-sec:#555148;--text-dim:#6f6a60;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:4px;--radius-lg:8px;--radius-xl:10px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#ffffff;--pro-hover:#f4f3f2;--pro-active:#ebf2f9;
  --pro-side:#ffffff;--on-accent:#ffffff;
  color-scheme:light;
}
html[data-theme="iosNative"]{
  --ss-cyan:#0066d4;--ss-cyan-glow:rgba(0,102,212,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#0056b2;
  --bg:#f4f4f7;--bg-deep:#eeeef2;--panel:#ffffff;--panel-light:#ffffff;
  --card:#ffffff;--card-hover:#f1f1f4;
  --glass:#ffffff;--glass-border:#d9d9e2;
  --border:#d9d9e2;--border-light:#e6e6ec;
  --white:#181820;--text:#272734;--text-sec:#4f4f63;--text-dim:#6a6a81;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:10px;--radius-lg:14px;--radius-xl:16px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#ffffff;--pro-hover:#f1f1f4;--pro-active:#e8f1fb;
  --pro-side:#ffffff;--on-accent:#ffffff;
  color-scheme:light;
}
html[data-theme="aurora"]{
  --ss-cyan:#27766d;--ss-cyan-glow:rgba(39,118,109,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#21635c;
  --bg:#f4f7f6;--bg-deep:#eef3f1;--panel:#ffffff;--panel-light:#ffffff;
  --card:#ffffff;--card-hover:#f1f5f3;
  --glass:#ffffff;--glass-border:#d9e3e0;
  --border:#d9e3e0;--border-light:#e6edea;
  --white:#18211e;--text:#273530;--text-sec:#41544d;--text-dim:#5c736c;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#ffffff;--pro-hover:#f1f5f3;--pro-active:#ecf3f2;
  --pro-side:#ffffff;--on-accent:#ffffff;
  color-scheme:light;
}
html[data-theme="ice"]{
  --ss-cyan:#276fa0;--ss-cyan-glow:rgba(39,111,160,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#215d86;
  --bg:#f1f6fa;--bg-deep:#e9f1f7;--panel:#fcfdfe;--panel-light:#fcfdfe;
  --card:#fcfdfe;--card-hover:#edf3f8;
  --glass:#fcfdfe;--glass-border:#d5dee7;
  --border:#d5dee7;--border-light:#e3eaef;
  --white:#171c21;--text:#262e36;--text-sec:#475560;--text-dim:#616f7c;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#fdfeff;--pro-hover:#edf3f8;--pro-active:#e9f0f6;
  --pro-side:#fcfdfe;--on-accent:#ffffff;
  color-scheme:light;
}
html[data-theme="lavender"]{
  --ss-cyan:#7559b8;--ss-cyan-glow:rgba(117,89,184,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#624b9b;
  --bg:#f5f2f9;--bg-deep:#efebf6;--panel:#fdfcfe;--panel-light:#fdfcfe;
  --card:#fdfcfe;--card-hover:#f2eef7;
  --glass:#fdfcfe;--glass-border:#dcd5e7;
  --border:#dcd5e7;--border-light:#e8e3ef;
  --white:#1b1721;--text:#2c2636;--text-sec:#574c66;--text-dim:#726784;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#fefdff;--pro-hover:#f2eef7;--pro-active:#f1edf8;
  --pro-side:#fdfcfe;--on-accent:#ffffff;
  color-scheme:light;
}
html[data-theme="sand"]{
  --ss-cyan:#9b5c34;--ss-cyan-glow:rgba(155,92,52,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#824d2c;
  --bg:#faf6f1;--bg-deep:#f7f1e9;--panel:#fefdfc;--panel-light:#fefdfc;
  --card:#fefdfc;--card-hover:#f8f3ed;
  --glass:#fefdfc;--glass-border:#e7dfd5;
  --border:#e7dfd5;--border-light:#efeae3;
  --white:#211d17;--text:#362f26;--text-sec:#5a5143;--text-dim:#75695b;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#fffefd;--pro-hover:#f8f3ed;--pro-active:#f5efea;
  --pro-side:#fefdfc;--on-accent:#ffffff;
  color-scheme:light;
}
html[data-theme="paper"]{
  --ss-cyan:#8a6a3c;--ss-cyan-glow:rgba(138,106,60,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#745932;
  --bg:#f9f7f2;--bg-deep:#f5f3eb;--panel:#fefdfc;--panel-light:#fefdfc;
  --card:#fefdfc;--card-hover:#f7f5ef;
  --glass:#fefdfc;--glass-border:#e7e2d5;
  --border:#e7e2d5;--border-light:#efece3;
  --white:#211e17;--text:#363226;--text-sec:#5a5443;--text-dim:#756e5b;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#fffefd;--pro-hover:#f7f5ef;--pro-active:#f4f0eb;
  --pro-side:#fefdfc;--on-accent:#ffffff;
  color-scheme:light;
}
html[data-theme="mondrian"]{
  --ss-cyan:#1f47a3;--ss-cyan-glow:rgba(31,71,163,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#1a3c89;
  --bg:#f6f6f6;--bg-deep:#f0f0f0;--panel:#ffffff;--panel-light:#ffffff;
  --card:#ffffff;--card-hover:#f3f3f3;
  --glass:#ffffff;--glass-border:#dedede;
  --border:#dedede;--border-light:#e9e9e9;
  --white:#1c1c1c;--text:#2e2e2e;--text-sec:#545454;--text-dim:#6e6e6e;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:2px;--radius-lg:6px;--radius-xl:8px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#ffffff;--pro-hover:#f3f3f3;--pro-active:#ebeef7;
  --pro-side:#ffffff;--on-accent:#ffffff;
  color-scheme:light;
}
html[data-theme="sunset"]{
  --ss-cyan:#bb4634;--ss-cyan-glow:rgba(187,70,52,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#9d3b2c;
  --bg:#fbf4f0;--bg-deep:#f8efe8;--panel:#fefdfc;--panel-light:#fefdfc;
  --card:#fefdfc;--card-hover:#f8f2ed;
  --glass:#fefdfc;--glass-border:#e7dcd5;
  --border:#e7dcd5;--border-light:#efe8e3;
  --white:#211b17;--text:#362c26;--text-sec:#5a4d43;--text-dim:#7c6b61;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#fffefd;--pro-hover:#f8f2ed;--pro-active:#f8edea;
  --pro-side:#fefdfc;--on-accent:#ffffff;
  color-scheme:light;
}
html[data-theme="ghibli"]{
  --ss-cyan:#4a7662;--ss-cyan-glow:rgba(74,118,98,0.16);
  --ss-navy:#1e3a5f;--ss-navy-light:#3e6352;
  --bg:#faf8f1;--bg-deep:#f7f4ea;--panel:#fefdfc;--panel-light:#fefdfc;
  --card:#fefdfc;--card-hover:#f8f6ed;
  --glass:#fefdfc;--glass-border:#e7e3d5;
  --border:#e7e3d5;--border-light:#efede3;
  --white:#211f17;--text:#363326;--text-sec:#55513f;--text-dim:#756f5b;
  --success:#047857;--success-dim:rgba(4,120,87,0.09);
  --warn:#b45309;--warn-dim:rgba(180,83,9,0.09);
  --danger:#dc2626;--danger-dim:rgba(220,38,38,0.07);
  --radius:6px;--radius-lg:10px;--radius-xl:12px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --shadow-lg:0 12px 32px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06);
  --pro-field:#fffefd;--pro-hover:#f8f6ed;--pro-active:#eef1ee;
  --pro-side:#fefdfc;--on-accent:#ffffff;
  color-scheme:light;
}

/* A user-picked accent (Account > Accent color) outranks the theme's. */
html[data-accent]{--ss-cyan:var(--accent);--ss-cyan-glow:var(--accent-glow);--pro-active:var(--accent-glow)}