/* Aurora-Farbvarianten – werden über data-variant am <html> aktiviert
   (localStorage dash_variant). Komponenten-Styles kommen weiter vom Aurora-Style. */

/* ── Abendrot ── */
html[data-theme="aurora"][data-variant="sunset"]:not([data-scheme="dark"]) {
  --bg:#fff6f1; --surface:rgba(255,255,255,0.7); --surface2:rgba(255,255,255,0.5); --border:rgba(154,52,18,0.14); --border-hover:rgba(154,52,18,0.35);
  --accent:#c2410c; --accent-2:#db2777; --accent-dim:rgba(194,65,12,0.12); --accent-text:#ffffff;
  --text:#2b1510; --text-muted:#8a6559; --text-dim:#dcbcb0;
  --input-bg:rgba(255,255,255,0.6); --dialog-overlay:rgba(43,21,16,0.25); --dialog-bg:rgba(255,255,255,0.85);
  --glass:rgba(255,246,241,0.6); --today-bg:#fffaf7; --week1-bg:rgba(255,255,255,0.6); --week2-bg:rgba(255,255,255,0.6);
  --blob1:rgba(251,146,60,0.38); --blob2:rgba(244,114,182,0.28); --blob3:rgba(251,191,36,0.22);
  --shadow:0 8px 28px -10px rgba(124,45,18,0.14); --shadow-lg:0 30px 80px -20px rgba(124,45,18,0.35);
}
html[data-theme="aurora"][data-variant="sunset"][data-scheme="dark"] {
  --bg:#160a0b; --surface:rgba(42,20,22,0.6); --surface2:rgba(255,255,255,0.05); --border:rgba(255,255,255,0.09); --border-hover:rgba(255,255,255,0.2);
  --accent:#fb923c; --accent-2:#f472b6; --accent-dim:rgba(251,146,60,0.16); --accent-text:#160a0b;
  --text:#fdeee8; --text-muted:#c49a8f; --text-dim:#5a3a36;
  --input-bg:rgba(255,255,255,0.05); --dialog-overlay:rgba(12,4,5,0.55); --dialog-bg:rgba(42,20,22,0.88);
  --glass:rgba(22,10,11,0.55); --today-bg:#24110f; --week1-bg:rgba(255,255,255,0.035); --week2-bg:rgba(255,255,255,0.035);
  --blob1:rgba(234,88,12,0.35); --blob2:rgba(219,39,119,0.2); --blob3:rgba(245,158,11,0.16);
  --shadow:0 10px 30px -12px rgba(0,0,0,0.6); --shadow-lg:0 30px 80px -20px rgba(0,0,0,0.8);
}
.theme-btn[data-variant="sunset"] { background:conic-gradient(from 200deg, #fb923c, #db2777, #fbbf24, #fb923c); }

/* ── Lagune ── */
html[data-theme="aurora"][data-variant="lagoon"]:not([data-scheme="dark"]) {
  --bg:#f0f9ff; --surface:rgba(255,255,255,0.7); --surface2:rgba(255,255,255,0.5); --border:rgba(7,89,133,0.14); --border-hover:rgba(7,89,133,0.35);
  --accent:#0369a1; --accent-2:#0d9488; --accent-dim:rgba(3,105,161,0.12); --accent-text:#ffffff;
  --text:#0b2233; --text-muted:#557285; --text-dim:#b0cddc;
  --input-bg:rgba(255,255,255,0.6); --dialog-overlay:rgba(11,34,51,0.25); --dialog-bg:rgba(255,255,255,0.85);
  --glass:rgba(240,249,255,0.6); --today-bg:#f7fcff; --week1-bg:rgba(255,255,255,0.6); --week2-bg:rgba(255,255,255,0.6);
  --blob1:rgba(56,189,248,0.38); --blob2:rgba(45,212,191,0.28); --blob3:rgba(129,140,248,0.22);
  --shadow:0 8px 28px -10px rgba(12,74,110,0.14); --shadow-lg:0 30px 80px -20px rgba(12,74,110,0.35);
}
html[data-theme="aurora"][data-variant="lagoon"][data-scheme="dark"] {
  --bg:#03121c; --surface:rgba(12,36,51,0.6); --surface2:rgba(255,255,255,0.05); --border:rgba(255,255,255,0.09); --border-hover:rgba(255,255,255,0.2);
  --accent:#38bdf8; --accent-2:#2dd4bf; --accent-dim:rgba(56,189,248,0.16); --accent-text:#03121c;
  --text:#e6f6ff; --text-muted:#8fb3c7; --text-dim:#2e4c5e;
  --input-bg:rgba(255,255,255,0.05); --dialog-overlay:rgba(1,8,13,0.55); --dialog-bg:rgba(12,36,51,0.88);
  --glass:rgba(3,18,28,0.55); --today-bg:#0a1f2c; --week1-bg:rgba(255,255,255,0.035); --week2-bg:rgba(255,255,255,0.035);
  --blob1:rgba(2,132,199,0.35); --blob2:rgba(13,148,136,0.2); --blob3:rgba(99,102,241,0.16);
  --shadow:0 10px 30px -12px rgba(0,0,0,0.6); --shadow-lg:0 30px 80px -20px rgba(0,0,0,0.8);
}
.theme-btn[data-variant="lagoon"] { background:conic-gradient(from 200deg, #38bdf8, #0d9488, #818cf8, #38bdf8); }

/* ── Borealis ── */
html[data-theme="aurora"][data-variant="borealis"]:not([data-scheme="dark"]) {
  --bg:#f0fdf5; --surface:rgba(255,255,255,0.7); --surface2:rgba(255,255,255,0.5); --border:rgba(22,101,52,0.14); --border-hover:rgba(22,101,52,0.35);
  --accent:#15803d; --accent-2:#0e7490; --accent-dim:rgba(21,128,61,0.12); --accent-text:#ffffff;
  --text:#0c2416; --text-muted:#55775f; --text-dim:#b2d5bd;
  --input-bg:rgba(255,255,255,0.6); --dialog-overlay:rgba(12,36,22,0.25); --dialog-bg:rgba(255,255,255,0.85);
  --glass:rgba(240,253,245,0.6); --today-bg:#f7fefa; --week1-bg:rgba(255,255,255,0.6); --week2-bg:rgba(255,255,255,0.6);
  --blob1:rgba(74,222,128,0.38); --blob2:rgba(34,211,238,0.28); --blob3:rgba(167,139,250,0.22);
  --shadow:0 8px 28px -10px rgba(20,83,45,0.14); --shadow-lg:0 30px 80px -20px rgba(20,83,45,0.35);
}
html[data-theme="aurora"][data-variant="borealis"][data-scheme="dark"] {
  --bg:#03130c; --surface:rgba(11,38,26,0.6); --surface2:rgba(255,255,255,0.05); --border:rgba(255,255,255,0.09); --border-hover:rgba(255,255,255,0.2);
  --accent:#4ade80; --accent-2:#22d3ee; --accent-dim:rgba(74,222,128,0.16); --accent-text:#03130c;
  --text:#e7fbef; --text-muted:#8fbca0; --text-dim:#2c4d3a;
  --input-bg:rgba(255,255,255,0.05); --dialog-overlay:rgba(1,8,5,0.55); --dialog-bg:rgba(11,38,26,0.88);
  --glass:rgba(3,19,12,0.55); --today-bg:#0a2117; --week1-bg:rgba(255,255,255,0.035); --week2-bg:rgba(255,255,255,0.035);
  --blob1:rgba(22,163,74,0.35); --blob2:rgba(8,145,178,0.2); --blob3:rgba(124,58,237,0.16);
  --shadow:0 10px 30px -12px rgba(0,0,0,0.6); --shadow-lg:0 30px 80px -20px rgba(0,0,0,0.8);
}
.theme-btn[data-variant="borealis"] { background:conic-gradient(from 200deg, #4ade80, #0e7490, #a78bfa, #4ade80); }

/* ── Gold ── */
html[data-theme="aurora"][data-variant="gold"]:not([data-scheme="dark"]) {
  --bg:#fffaf0; --surface:rgba(255,255,255,0.7); --surface2:rgba(255,255,255,0.5); --border:rgba(146,64,14,0.14); --border-hover:rgba(146,64,14,0.35);
  --accent:#b45309; --accent-2:#a16207; --accent-dim:rgba(180,83,9,0.12); --accent-text:#ffffff;
  --text:#271a07; --text-muted:#85704f; --text-dim:#dccbaa;
  --input-bg:rgba(255,255,255,0.6); --dialog-overlay:rgba(39,26,7,0.25); --dialog-bg:rgba(255,255,255,0.85);
  --glass:rgba(255,250,240,0.6); --today-bg:#fffdf8; --week1-bg:rgba(255,255,255,0.6); --week2-bg:rgba(255,255,255,0.6);
  --blob1:rgba(251,191,36,0.38); --blob2:rgba(252,211,77,0.28); --blob3:rgba(251,146,60,0.22);
  --shadow:0 8px 28px -10px rgba(120,53,15,0.14); --shadow-lg:0 30px 80px -20px rgba(120,53,15,0.35);
}
html[data-theme="aurora"][data-variant="gold"][data-scheme="dark"] {
  --bg:#0b0c18; --surface:rgba(27,27,46,0.6); --surface2:rgba(255,255,255,0.05); --border:rgba(255,255,255,0.09); --border-hover:rgba(255,255,255,0.2);
  --accent:#fbbf24; --accent-2:#fde68a; --accent-dim:rgba(251,191,36,0.16); --accent-text:#0b0c18;
  --text:#fbf5e6; --text-muted:#b5aa8f; --text-dim:#45413a;
  --input-bg:rgba(255,255,255,0.05); --dialog-overlay:rgba(5,5,12,0.55); --dialog-bg:rgba(27,27,46,0.88);
  --glass:rgba(11,12,24,0.55); --today-bg:#17172a; --week1-bg:rgba(255,255,255,0.035); --week2-bg:rgba(255,255,255,0.035);
  --blob1:rgba(217,119,6,0.35); --blob2:rgba(67,56,202,0.2); --blob3:rgba(180,83,9,0.16);
  --shadow:0 10px 30px -12px rgba(0,0,0,0.6); --shadow-lg:0 30px 80px -20px rgba(0,0,0,0.8);
}
.theme-btn[data-variant="gold"] { background:conic-gradient(from 200deg, #fbbf24, #a16207, #fb923c, #fbbf24); }