/* 10 color themes via CSS variables on body */
body.theme-1 { --primary:#308382; --secondary:#376b29; --bg:#0d0f12; --surface:#12151a; --text:#e9edf1; --muted:#9aa3ad; --border:#242a33; }
body.theme-2 { --primary:#ce2430; --secondary:#000000; --bg:#0e0f12; --surface:#151820; --text:#f2f3f5; --muted:#a1a7b1; --border:#252b35; }
body.theme-3 { --primary:#6c5ce7; --secondary:#00b894; --bg:#0b0c10; --surface:#13151b; --text:#e8eef5; --muted:#9aa3ad; --border:#242a33; }
body.theme-4 { --primary:#ff7f50; --secondary:#2e86ab; --bg:#0f1115; --surface:#171a21; --text:#f1f5f9; --muted:#9fb0c0; --border:#232a34; }
body.theme-5 { --primary:#0ea5e9; --secondary:#22c55e; --bg:#0b0d12; --surface:#141822; --text:#e8edf4; --muted:#9aa3ad; --border:#202634; }
body.theme-6 { --primary:#f59e0b; --secondary:#ef4444; --bg:#0c0f13; --surface:#161a22; --text:#eef2f6; --muted:#9aa3ad; --border:#242a33; }
body.theme-7 { --primary:#9333ea; --secondary:#f43f5e; --bg:#0a0c10; --surface:#141722; --text:#e9edf2; --muted:#9aa3ad; --border:#262c37; }
body.theme-8 { --primary:#10b981; --secondary:#3b82f6; --bg:#0c1016; --surface:#151a23; --text:#e8edf2; --muted:#9aa3ad; --border:#232a36; }
body.theme-9 { --primary:#2563eb; --secondary:#14b8a6; --bg:#0b0e13; --surface:#141924; --text:#e8edf4; --muted:#99a3ad; --border:#242b36; }
body.theme-10{ --primary:#ef4444; --secondary:#22d3ee; --bg:#0b0d11; --surface:#141821; --text:#eef2f6; --muted:#9aa3ad; --border:#252b36; }