:root,
[data-theme="glass"] {
  --bg: #070b14;
  --bg2: #0e1524;
  --ink: #f5f7ff;
  --muted: #9aa8c7;
  --accent: #7eb8ff;
  --accent-ink: #061018;
  --card: rgba(255, 255, 255, 0.07);
  --card-solid: rgba(14, 21, 36, 0.72);
  --line: rgba(255, 255, 255, 0.14);
  --danger: #ff6b7a;
  --ok: #3dde9b;
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.45);
  --radius: 28px;
  --font: "Sora", "Segoe UI", sans-serif;
  --glow: rgba(126, 184, 255, 0.4);
  --dock: rgba(255, 255, 255, 0.14);
  --mode: dark;
}

[data-theme="aurora"] {
  --bg: #061318;
  --bg2: #0b2430;
  --ink: #e8fffb;
  --muted: #8ecbc0;
  --accent: #5eead4;
  --accent-ink: #04201c;
  --card: rgba(94, 234, 212, 0.08);
  --card-solid: rgba(7, 28, 34, 0.75);
  --line: rgba(94, 234, 212, 0.22);
  --danger: #ff7b9c;
  --ok: #5eead4;
  --shadow: 0 30px 90px rgba(0, 40, 40, 0.5);
  --radius: 28px;
  --font: "Sora", "Segoe UI", sans-serif;
  --glow: rgba(94, 234, 212, 0.4);
  --dock: rgba(94, 234, 212, 0.16);
  --mode: dark;
}

[data-theme="macos"] {
  --bg: #d9e2f1;
  --bg2: #f4f7fb;
  --ink: #1c2434;
  --muted: #66748c;
  --accent: #007aff;
  --accent-ink: #ffffff;
  --card: rgba(255, 255, 255, 0.55);
  --card-solid: rgba(255, 255, 255, 0.8);
  --line: rgba(28, 36, 52, 0.1);
  --danger: #ff3b30;
  --ok: #34c759;
  --shadow: 0 24px 70px rgba(40, 60, 100, 0.14);
  --radius: 24px;
  --font: "Sora", "Segoe UI", sans-serif;
  --glow: rgba(0, 122, 255, 0.22);
  --dock: rgba(255, 255, 255, 0.72);
  --mode: light;
}

[data-theme="oled"] {
  --bg: #000000;
  --bg2: #090909;
  --ink: #f5f5f7;
  --muted: #8e8e93;
  --accent: #0a84ff;
  --accent-ink: #ffffff;
  --card: rgba(255, 255, 255, 0.05);
  --card-solid: rgba(16, 16, 16, 0.92);
  --line: rgba(255, 255, 255, 0.1);
  --danger: #ff453a;
  --ok: #30d158;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.75);
  --radius: 22px;
  --font: "Sora", "Segoe UI", sans-serif;
  --glow: rgba(10, 132, 255, 0.3);
  --dock: rgba(255, 255, 255, 0.08);
  --mode: dark;
}

[data-theme="cinematic"] {
  --bg: #140c08;
  --bg2: #1d120c;
  --ink: #fff4e8;
  --muted: #c4a484;
  --accent: #f59e0b;
  --accent-ink: #1a0d04;
  --card: rgba(245, 158, 11, 0.08);
  --card-solid: rgba(28, 16, 10, 0.85);
  --line: rgba(245, 158, 11, 0.22);
  --danger: #ff6b6b;
  --ok: #86efac;
  --shadow: 0 30px 80px rgba(80, 30, 0, 0.4);
  --radius: 24px;
  --font: "Sora", "Segoe UI", sans-serif;
  --glow: rgba(245, 158, 11, 0.35);
  --dock: rgba(255, 200, 120, 0.14);
  --mode: dark;
}

[data-theme="nature"] {
  --bg: #10160e;
  --bg2: #172015;
  --ink: #f3f8ea;
  --muted: #a3b891;
  --accent: #84cc16;
  --accent-ink: #142006;
  --card: rgba(132, 204, 22, 0.08);
  --card-solid: rgba(20, 30, 16, 0.82);
  --line: rgba(132, 204, 22, 0.2);
  --danger: #f87171;
  --ok: #86efac;
  --shadow: 0 28px 80px rgba(20, 40, 10, 0.4);
  --radius: 26px;
  --font: "Sora", "Segoe UI", sans-serif;
  --glow: rgba(132, 204, 22, 0.3);
  --dock: rgba(200, 240, 140, 0.14);
  --mode: dark;
}

[data-theme="tokyo"] {
  --bg: #12061a;
  --bg2: #1d0b2a;
  --ink: #ffe6f5;
  --muted: #c48bb0;
  --accent: #ff2d95;
  --accent-ink: #1a0410;
  --card: rgba(255, 45, 149, 0.08);
  --card-solid: rgba(28, 10, 40, 0.8);
  --line: rgba(255, 45, 149, 0.25);
  --danger: #ff5c7a;
  --ok: #46e8ff;
  --shadow: 0 28px 80px rgba(255, 45, 149, 0.2);
  --radius: 22px;
  --font: "Sora", "Segoe UI", sans-serif;
  --glow: rgba(255, 45, 149, 0.4);
  --dock: rgba(255, 45, 149, 0.14);
  --mode: dark;
}

[data-theme="cyberpunk"] {
  --bg: #0a0014;
  --bg2: #150028;
  --ink: #f5e6ff;
  --muted: #b388ff;
  --accent: #ff00e5;
  --accent-ink: #0a0014;
  --card: rgba(255, 0, 229, 0.08);
  --card-solid: rgba(26, 6, 48, 0.85);
  --line: rgba(255, 0, 229, 0.25);
  --danger: #ff2a6d;
  --ok: #05d9e8;
  --shadow: 0 0 40px rgba(255, 0, 229, 0.22);
  --radius: 16px;
  --font: "Sora", "Segoe UI", sans-serif;
  --glow: #ff00e5;
  --dock: rgba(255, 0, 229, 0.16);
  --mode: dark;
}

[data-theme="pastel"] {
  --bg: #f3eefb;
  --bg2: #fff8ff;
  --ink: #3f2d55;
  --muted: #8b79a3;
  --accent: #a78bfa;
  --accent-ink: #1f1233;
  --card: rgba(255, 255, 255, 0.6);
  --card-solid: rgba(255, 255, 255, 0.85);
  --line: rgba(167, 139, 250, 0.22);
  --danger: #e879a9;
  --ok: #7dd3c0;
  --shadow: 0 20px 50px rgba(120, 90, 180, 0.12);
  --radius: 28px;
  --font: "Sora", "Segoe UI", sans-serif;
  --glow: rgba(167, 139, 250, 0.3);
  --dock: rgba(255, 255, 255, 0.75);
  --mode: light;
}

[data-theme="matrix"] {
  --bg: #010b01;
  --bg2: #031a03;
  --ink: #00ff66;
  --muted: #1f8f3f;
  --accent: #00ff66;
  --accent-ink: #001a00;
  --card: rgba(0, 255, 102, 0.06);
  --card-solid: rgba(4, 20, 4, 0.9);
  --line: rgba(0, 255, 102, 0.2);
  --danger: #ff4444;
  --ok: #00ff66;
  --shadow: 0 0 30px rgba(0, 255, 102, 0.18);
  --radius: 8px;
  --font: "Sora", "Segoe UI", sans-serif;
  --glow: #00ff66;
  --dock: rgba(0, 255, 102, 0.12);
  --mode: dark;
}