/* ==========================================================
   Theme engine — every theme just redefines these CSS custom
   properties. Add a new theme by copying a block and picking
   new colours; also register it in includes/functions.php THEMES.
   ========================================================== */

:root,
[data-theme="blue"] {
  --primary: #2563eb;
  --primary-rgb: 37, 99, 235;
  --primary-dark: #1d4ed8;
  --primary-light: #eff4ff;
  --on-primary: #ffffff;
  --bg: #f3f5f9;
  --surface: #ffffff;
  --text: #1e293b;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --sidebar-bg: #111827;
  --sidebar-text: #cbd5e1;
  --sidebar-text-active: #ffffff;
}

[data-theme="purple"] {
  --primary: #7c3aed;
  --primary-rgb: 124, 58, 237;
  --primary-dark: #6d28d9;
  --primary-light: #f5f0ff;
  --on-primary: #ffffff;
  --bg: #f5f3fa;
  --surface: #ffffff;
  --text: #241b33;
  --text-muted: #6b647c;
  --border: #e6e0f2;
  --sidebar-bg: #1e1533;
  --sidebar-text: #cabce0;
  --sidebar-text-active: #ffffff;
}

[data-theme="green"] {
  --primary: #16a34a;
  --primary-rgb: 22, 163, 74;
  --primary-dark: #15803d;
  --primary-light: #eefaf1;
  --on-primary: #ffffff;
  --bg: #f2f8f4;
  --surface: #ffffff;
  --text: #14291c;
  --text-muted: #5b7566;
  --border: #dcefe1;
  --sidebar-bg: #0f2416;
  --sidebar-text: #bcdcc7;
  --sidebar-text-active: #ffffff;
}

[data-theme="orange"] {
  --primary: #ea580c;
  --primary-rgb: 234, 88, 12;
  --primary-dark: #c2410c;
  --primary-light: #fff3ec;
  --on-primary: #ffffff;
  --bg: #f9f4f1;
  --surface: #ffffff;
  --text: #2b1c14;
  --text-muted: #7a6156;
  --border: #f0e0d6;
  --sidebar-bg: #2b1608;
  --sidebar-text: #e3c3ac;
  --sidebar-text-active: #ffffff;
}

[data-theme="red"] {
  --primary: #dc2626;
  --primary-rgb: 220, 38, 38;
  --primary-dark: #b91c1c;
  --primary-light: #fef1f1;
  --on-primary: #ffffff;
  --bg: #faf3f3;
  --surface: #ffffff;
  --text: #2a1414;
  --text-muted: #7a5c5c;
  --border: #f1dcdc;
  --sidebar-bg: #240a0a;
  --sidebar-text: #e0b8b8;
  --sidebar-text-active: #ffffff;
}

[data-theme="pink"] {
  --primary: #db2777;
  --primary-rgb: 219, 39, 119;
  --primary-dark: #be185d;
  --primary-light: #fef1f7;
  --on-primary: #ffffff;
  --bg: #faf3f7;
  --surface: #ffffff;
  --text: #2a1420;
  --text-muted: #7a5c6c;
  --border: #f1dce9;
  --sidebar-bg: #26091a;
  --sidebar-text: #e0b8d0;
  --sidebar-text-active: #ffffff;
}

[data-theme="teal"] {
  --primary: #0d9488;
  --primary-rgb: 13, 148, 136;
  --primary-dark: #0f766e;
  --primary-light: #edfafa;
  --on-primary: #ffffff;
  --bg: #f1f8f8;
  --surface: #ffffff;
  --text: #132a28;
  --text-muted: #5c7674;
  --border: #dcefee;
  --sidebar-bg: #062523;
  --sidebar-text: #b8ddd8;
  --sidebar-text-active: #ffffff;
}

[data-theme="dark"] {
  --primary: #3b82f6;
  --primary-rgb: 59, 130, 246;
  --primary-dark: #2563eb;
  --primary-light: #16233b;
  --on-primary: #ffffff;
  --bg: #0f172a;
  --surface: #1e293b;
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --border: #334155;
  --sidebar-bg: #0b1220;
  --sidebar-text: #94a3b8;
  --sidebar-text-active: #ffffff;
}