:root,
[data-theme="glassmorphism"]{
  --bg: radial-gradient(ellipse at top left,#211a4a 0%,#0b0a1f 55%,#06061a 100%);
  --fg:#e8eaf6;
  --fg-dim:#9aa0c7;
  --surface:rgba(255,255,255,.04);
  --surface-strong:rgba(20,18,46,.65);
  --sidebar-bg:rgba(15,13,38,.55);
  --glass:rgba(255,255,255,.05);
  --border:rgba(255,255,255,.08);
  --accent:#7c4dff;
  --accent-2:#00d1ff;
  --accent-soft:rgba(124,77,255,.22);
  --particle:rgba(180,160,255,.6);
  --aurora-1:#7c4dff;
  --aurora-2:#00d1ff;
  --aurora-3:#ff4081;
  --code-bg:rgba(255,255,255,.07);
}

[data-theme="dark"]{
  --bg:#08090d;
  --fg:#e6e8ee;
  --fg-dim:#8a91a6;
  --surface:#11141c;
  --surface-strong:#0d1018;
  --sidebar-bg:#0a0c13;
  --glass:#0f121b;
  --border:#1f2433;
  --accent:#6a8dff;
  --accent-2:#22d3ee;
  --accent-soft:rgba(106,141,255,.18);
  --particle:rgba(106,141,255,.6);
  --aurora-1:#6a8dff;
  --aurora-2:#22d3ee;
  --aurora-3:#a78bfa;
  --code-bg:#181c27;
}

[data-theme="light"]{
  --bg:linear-gradient(180deg,#f4f6ff 0%,#eef1fb 100%);
  --fg:#1a1d2b;
  --fg-dim:#5a6280;
  --surface:#ffffff;
  --surface-strong:#ffffff;
  --sidebar-bg:rgba(255,255,255,.85);
  --glass:rgba(255,255,255,.7);
  --border:#e3e7f3;
  --accent:#5b5bf7;
  --accent-2:#00b6c8;
  --accent-soft:rgba(91,91,247,.14);
  --particle:rgba(91,91,247,.4);
  --aurora-1:#a8b9ff;
  --aurora-2:#9ee0e7;
  --aurora-3:#ffc1d8;
  --code-bg:#f2f4fc;
}

[data-theme="neon"]{
  --bg:radial-gradient(ellipse at 30% 30%,#1a0033 0%,#06001a 70%);
  --fg:#f0f0ff;
  --fg-dim:#9b8fdc;
  --surface:rgba(255,0,200,.05);
  --surface-strong:rgba(20,0,40,.75);
  --sidebar-bg:rgba(15,0,30,.7);
  --glass:rgba(255,0,200,.05);
  --border:rgba(255,0,200,.22);
  --accent:#ff2bd6;
  --accent-2:#00ffd5;
  --accent-soft:rgba(255,43,214,.22);
  --particle:rgba(255,43,214,.8);
  --aurora-1:#ff2bd6;
  --aurora-2:#00ffd5;
  --aurora-3:#7c4dff;
  --code-bg:rgba(255,255,255,.06);
}

[data-theme="minimal"]{
  --bg:#fafaf7;
  --fg:#111418;
  --fg-dim:#6e7480;
  --surface:#ffffff;
  --surface-strong:#ffffff;
  --sidebar-bg:#ffffff;
  --glass:#ffffff;
  --border:#e7e8eb;
  --accent:#111418;
  --accent-2:#5a5a5a;
  --accent-soft:rgba(17,20,24,.08);
  --particle:rgba(17,20,24,.25);
  --aurora-1:#e7e8eb;
  --aurora-2:#d0d2d8;
  --aurora-3:#f0eee9;
  --code-bg:#f1f2f4;
}

[data-theme="royal"]{
  --bg:linear-gradient(140deg,#1a0d3a 0%,#070421 100%);
  --fg:#fff6e5;
  --fg-dim:#c8b890;
  --surface:rgba(212,175,55,.05);
  --surface-strong:rgba(26,13,58,.78);
  --sidebar-bg:rgba(15,8,38,.7);
  --glass:rgba(212,175,55,.06);
  --border:rgba(212,175,55,.25);
  --accent:#d4af37;
  --accent-2:#9b7bff;
  --accent-soft:rgba(212,175,55,.2);
  --particle:rgba(212,175,55,.7);
  --aurora-1:#d4af37;
  --aurora-2:#9b7bff;
  --aurora-3:#ff8a3d;
  --code-bg:rgba(255,255,255,.06);
}

.theme-tile[data-theme="glassmorphism"]{background:radial-gradient(ellipse at top left,#211a4a,#06061a)}
.theme-tile[data-theme="dark"]{background:linear-gradient(135deg,#08090d,#1a1d2b)}
.theme-tile[data-theme="light"]{background:linear-gradient(135deg,#f4f6ff,#dde3f7);color:#000}
.theme-tile[data-theme="neon"]{background:radial-gradient(ellipse at 30% 30%,#1a0033,#06001a);box-shadow:inset 0 0 30px rgba(255,43,214,.5)}
.theme-tile[data-theme="minimal"]{background:#fafaf7;color:#111}
.theme-tile[data-theme="royal"]{background:linear-gradient(140deg,#1a0d3a,#070421);box-shadow:inset 0 0 30px rgba(212,175,55,.35)}