:root {
  --bg: #eef3ff;
  --surface: rgba(255,255,255,0.76);
  --surface-2: rgba(255,255,255,0.58);
  --text: #0f172a;
  --muted: #475569;
  --border: rgba(15,23,42,0.10);
  --ring: #3b82f6;
  --accent: #2563eb;
  --accent-contrast: #ffffff;
  --shadow-color: rgba(2,6,23,0.35);
  --glass-blur: 14px;
  --radius: 14px;
}

/* Glass (default) */
html[data-theme="glass"]{
  --bg: linear-gradient(to bottom left, #dbeafe, #e0e7ff, #fbcfe8);
  --surface:rgba(255,255,255,0.70);
  --surface-2:rgba(255,255,255,0.55);
  --text:#0b1220;
  --muted:#475569;
  --border:rgba(2,6,23,0.10);
  --ring:#3b82f6;
  --accent:#60a5fa;
  --accent-contrast:#ffffff;
  --shadow-color:rgba(2,6,23,0.28);
  --glass-blur:16px;
  --radius:16px;
}


/* Light */
html[data-theme="light"]{
  --bg:#f8fafc;
  --surface:rgba(255,255,255,0.88);
  --surface-2:rgba(255,255,255,0.88);
  --text:#0f172a;
  --muted:#475569;
  --border:rgba(2,6,23,0.10);
  --ring:#3b82f6;
  --accent:#2563eb;
  --accent-contrast:#ffffff;
  --shadow-color:rgba(2,6,23,0.12);
  --glass-blur:8px;
  --radius:14px;
}


/* Classic (plain, no glass effects) */
html[data-theme="classic"]{
  --bg:#f5f7fb;
  --surface:#ffffff;
  --surface-2:#ffffff;
  --text:#0f172a;
  --muted:#475569;
  --border:rgba(2,6,23,0.10);
  --ring:#3b82f6;
  --accent:#2563eb;
  --accent-contrast:#ffffff;
  --shadow-color:rgba(2,6,23,0.10);
  --glass-blur:0px;
  --radius:12px;
}

/* Dark */
html[data-theme="dark"]{
  --bg:#0b1120;
  --surface:rgba(15,23,42,0.72);
  --surface-2:rgba(15,23,42,0.56);
  --text:#e5e7eb;
  --muted:#9ca3af;
  --border:rgba(148,163,184,0.12);
  --ring:#60a5fa;
  --accent:#60a5fa;
  --accent-contrast:#071426;
  --shadow-color:rgba(0,0,0,0.60);
  --glass-blur:14px;
  --radius:14px;
}

html[data-theme="dark-mode"]{
  --bg:#121212;
  --surface:rgba(24,24,24,0.72);
  --surface-2:rgba(24,24,24,0.56);
  --text:#e5e7eb;
  --muted:#9ca3af;
  --border:rgba(148,163,184,0.12);
  --ring:#60a5fa;
  --accent:#60a5fa;
  --accent-contrast:#071426;
  --shadow-color:rgba(0,0,0,0.60);
  --glass-blur:14px;
  --radius:14px;
}

/* Ocean */
html[data-theme="ocean"]{
  --bg:#e6f7ff;
  --surface:rgba(255,255,255,0.78);
  --surface-2:rgba(255,255,255,0.60);
  --text:#04202e;
  --muted:#3a5a6a;
  --border:rgba(4,32,46,0.10);
  --ring:#0ea5e9;
  --accent:#0ea5e9;
  --accent-contrast:#041318;
  --shadow-color:rgba(2,24,34,0.25);
  --glass-blur:16px;
  --radius:14px;
}

/* Forest */
html[data-theme="forest"]{
  --bg:#ebf7ef;
  --surface:rgba(255,255,255,0.78);
  --surface-2:rgba(255,255,255,0.60);
  --text:#0b2a17;
  --muted:#2f6b4a;
  --border:rgba(11,42,23,0.10);
  --ring:#16a34a;
  --accent:#16a34a;
  --accent-contrast:#062113;
  --shadow-color:rgba(6,24,15,0.25);
  --glass-blur:16px;
  --radius:16px;
}

/* Solar */
html[data-theme="solar"]{
  --bg:#fbf7ef;
  --surface:rgba(255,255,255,0.86);
  --surface-2:rgba(255,255,255,0.68);
  --text:#2b1d09;
  --muted:#6a4a2f;
  --border:rgba(43,29,9,0.10);
  --ring:#d97706;
  --accent:#d97706;
  --accent-contrast:#291a07;
  --shadow-color:rgba(46,36,24,0.28);
  --glass-blur:10px;
  --radius:12px;
}

/* Pastel */
html[data-theme="pastel"]{
  --bg:#f6f2ff;
  --surface:rgba(255,255,255,0.86);
  --surface-2:rgba(255,255,255,0.68);
  --text:#2b1d3d;
  --muted:#6b5a7a;
  --border:rgba(43,29,61,0.10);
  --ring:#a78bfa;
  --accent:#a78bfa;
  --accent-contrast:#1b1530;
  --shadow-color:rgba(38,26,53,0.22);
  --glass-blur:14px;
  --radius:18px;
}

/* Sweet (pastel kawaii) */
html[data-theme="sweet"]{
  /* soft cotton-candy gradient background */
  --bg: linear-gradient(135deg, #ffeaf3 0%, #f7e9ff 45%, #e9f8ff 100%);
  --surface: rgba(255,255,255,0.78);
  --surface-2: rgba(255,255,255,0.62);
  --text:#2a2230;         /* soft plum */
  --muted:#7a6b82;        /* gentle muted text */
  --border: rgba(244, 114, 182, 0.18); /* pink-400 at low alpha */
  --ring:#fb8da0;         /* rosy ring */
  --accent:#f472b6;       /* pink-400 */
  --accent-contrast:#2a0f1d;
  --shadow-color: rgba(42, 15, 29, 0.20);
  --glass-blur:16px;
  --radius:18px;
}

/* Neon */
html[data-theme="neon"]{
  --bg:#07071a;
  --surface:rgba(10,10,40,0.82);
  --surface-2:rgba(10,10,40,0.68);
  --text:#e6faff;
  --muted:#9ed8df;
  --border:rgba(0,255,255,0.15);
  --ring:#22d3ee;
  --accent:#22d3ee;
  --accent-contrast:#031417;
  --shadow-color:rgba(0,0,0,0.70);
  --glass-blur:12px;
  --radius:14px;
}

/* Vibe (neon gradient, punchy accent) */
html[data-theme="vibe"]{
  --bg: linear-gradient(120deg, #0ea5e9 0%, #7c3aed 50%, #f43f5e 100%);
  --surface: rgba(10,15,30,0.72);
  --surface-2: rgba(10,15,30,0.58);
  --text: #e5e7eb;
  --muted: #b6c2d6;
  --border: rgba(34,211,238,0.28);
  --ring: #22d3ee;
  --accent: #e879f9; /* fuchsia-400 */
  --accent-contrast: #120314;
  --shadow-color: rgba(0,0,0,0.65);
  --glass-blur: 14px;
  --radius: 16px;
}

/* Slate */
html[data-theme="slate"]{
  --bg:#f4f6f9;
  --surface:rgba(255,255,255,0.92);
  --surface-2:rgba(255,255,255,0.76);
  --text:#111827;
  --muted:#475569;
  --border:rgba(51,65,85,0.12);
  --ring:#334155;
  --accent:#334155;
  --accent-contrast:#e5e7eb;
  --shadow-color:rgba(15,23,42,0.18);
  --glass-blur:6px;
  --radius:12px;
}

/* Latte */
html[data-theme="latte"]{
  --bg:#f7f5f2;
  --surface:rgba(255,255,255,0.92);
  --surface-2:rgba(255,255,255,0.76);
  --text:#2a2118;
  --muted:#7a6a5a;
  --border:rgba(36,29,23,0.10);
  --ring:#b45309;
  --accent:#b45309;
  --accent-contrast:#20160a;
  --shadow-color:rgba(36,29,23,0.20);
  --glass-blur:10px;
  --radius:14px;
}

/* High Contrast */
html[data-theme="high-contrast"]{
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#ffffff;
  --text:#000000;
  --muted:#000000;
  --border:rgba(0,0,0,0.20);
  --ring:#000000;
  --accent:#000000;
  --accent-contrast:#ffffff;
  --shadow-color:rgba(0,0,0,0.30);
  --glass-blur:0px;
  --radius:0px;
}

/* data-mode hints */
/* Extra restored presets */
html[data-theme="aurora"]{
  --bg: linear-gradient(135deg, #0ea5e9 0%, #6366f1 45%, #a78bfa 70%, #06b6d4 100%);
  --surface: rgba(12,18,32,0.72);
  --surface-2: rgba(12,18,32,0.58);
  --text:#e6f1ff;
  --muted:#b7c4e0;
  --border: rgba(99, 102, 241, 0.28);
  --ring:#22d3ee;
  --accent:#22d3ee;
  --accent-contrast:#04141a;
  --shadow-color:rgba(0,0,0,0.65);
  --glass-blur:16px;
  --radius:16px;
}
html[data-theme="cyberpunk"]{
  --bg: radial-gradient(1200px 600px at 20% -10%, #111827, transparent 60%), linear-gradient(120deg, #0b0b2a 0%, #2a0b3a 50%, #0b0b2a 100%);
  --surface: rgba(12, 12, 40, 0.82);
  --surface-2: rgba(12, 12, 40, 0.66);
  --text:#e6faff;
  --muted:#9ed8df;
  --border: rgba(244,114,182,0.25);
  --ring:#22d3ee;
  --accent:#f472b6;
  --accent-contrast:#1b0411;
  --shadow-color:rgba(0,0,0,0.70);
  --glass-blur:14px;
  --radius:16px;
}
html[data-theme="galaxy"]{
  --bg: radial-gradient(800px 500px at 80% -10%, #0b1120, transparent 60%), linear-gradient(135deg, #0b1120 0%, #1e1b4b 50%, #312e81 100%);
  --surface: rgba(17,24,39,0.78);
  --surface-2: rgba(17,24,39,0.62);
  --text:#e5e7eb;
  --muted:#cbd5e1;
  --border: rgba(167, 139, 250, 0.25);
  --ring:#a78bfa;
  --accent:#8b5cf6;
  --accent-contrast:#120a2a;
  --shadow-color:rgba(0,0,0,0.65);
  --glass-blur:16px;
  --radius:18px;
}
html[data-theme="candy"]{
  --bg: conic-gradient(from 220deg at 30% 10%, #fff1f2, #e0f2fe, #fce7f3, #fef3c7, #e3f9e5, #fff1f2);
  --surface: rgba(255,255,255,0.92);
  --surface-2: rgba(255,255,255,0.78);
  --text:#1b2431;
  --muted:#576072;
  --border: rgba(236, 72, 153, 0.26);
  --ring:#60a5fa;
  --accent:#ff5fa2;
  --accent-contrast:#240815;
  --shadow-color:rgba(2,6,23,0.22);
  --glass-blur:14px;
  --radius:18px;
}
html[data-theme="prism"]{
  --bg: radial-gradient(700px 500px at 80% -10%, rgba(99,102,241,0.25), transparent 60%),
        conic-gradient(from 160deg at 50% 50%, #cffafe, #e9d5ff, #fde68a, #fecaca, #bae6fd, #cffafe);
  --surface: rgba(255,255,255,0.88);
  --surface-2: rgba(255,255,255,0.72);
  --text:#0b1220;
  --muted:#475569;
  --border: rgba(99,102,241,0.32);
  --ring:#22d3ee;
  --accent:#a78bfa;
  --accent-contrast:#110826;
  --shadow-color:rgba(2,6,23,0.26);
  --glass-blur:16px;
  --radius:20px;
}
html[data-theme="sunset"]{
  --bg: linear-gradient(135deg, #ffb199 0%, #ff7ba8 35%, #d08bff 70%, #9ec5ff 100%);
  --surface: rgba(255,255,255,0.88);
  --surface-2: rgba(255,255,255,0.72);
  --text:#201216;
  --muted:#6a3f3b;
  --border: rgba(251, 113, 133, 0.28);
  --ring:#fb7185;
  --accent:#ff814a;
  --accent-contrast:#2c0e06;
  --shadow-color:rgba(44,22,10,0.28);
  --glass-blur:14px;
  --radius:18px;
}

/* data-mode hints */
html[data-mode="dark"]{ color-scheme: dark; }
html[data-mode="light"]{ color-scheme: light; }
html[data-mode="system"]{ color-scheme: light; }