body.theme-blue,
.theme-preview.theme-blue {
  --bg: #0b1220;
  --panel: #101b33;
  --panel2: #0f1a2d;
  --text: #e9eefc;
  --muted: rgba(233, 238, 252, 0.72);
  --primary: #2f7bff;
  --accent: #ffb000;
  --success: #22c55e;
  --danger: #ef4444;
  --border: rgba(255, 255, 255, 0.08);
  --shadow: rgba(4, 10, 24, 0.35);
  --link: #6ea8ff;
  --btn-text: #1f2937;
  --btn-primary-text: #ffffff;
}

body.theme-green,
.theme-preview.theme-green {
  --bg: #07150f;
  --panel: #0c2218;
  --panel2: #0a1c14;
  --text: #e8fff3;
  --muted: rgba(232, 255, 243, 0.72);
  --primary: #22c55e;
  --accent: #d4af37;
  --success: #22c55e;
  --danger: #ef4444;
  --border: rgba(255, 255, 255, 0.1);
  --shadow: rgba(1, 7, 5, 0.45);
  --link: #6ee7b7;
  --btn-text: #1f2937;
  --btn-primary-text: #052e1a;
}

body.theme-black,
.theme-preview.theme-black {
  --bg: #050505;
  --panel: #0b0b0b;
  --panel2: #111111;
  --text: #f5f5f5;
  --muted: rgba(245, 245, 245, 0.7);
  --primary: #d4af37;
  --accent: #ffcc66;
  --success: #22c55e;
  --danger: #f87171;
  --border: rgba(255, 255, 255, 0.1);
  --shadow: rgba(0, 0, 0, 0.6);
  --link: #ffd37a;
  --btn-text: #1a1a1a;
  --btn-primary-text: #1a1a1a;
}

body.theme-slate,
.theme-preview.theme-slate {
  --bg: #0f172a;
  --panel: #111c33;
  --panel2: #0b1324;
  --text: #e6edf7;
  --muted: rgba(230, 237, 247, 0.72);
  --primary: #60a5fa;
  --accent: #94a3b8;
  --success: #34d399;
  --danger: #f87171;
  --border: rgba(148, 163, 184, 0.22);
  --shadow: rgba(2, 8, 23, 0.4);
  --link: #8bb9ff;
  --btn-text: #0b1324;
  --btn-primary-text: #0b1324;
}

body.theme-slate .btn-primary {
  box-shadow: 0 10px 20px color-mix(in srgb, var(--primary) 28%, transparent);
}