/* Tema claro compartido para las herramientas: siguen el modo del dashboard
   (localStorage cp_theme). Las páginas usan los mismos nombres de variables, así
   que basta con redefinirlas bajo body.light (más específico que :root). */
body.light{
  --bg:#f0f4f8;--bg2:#ffffff;--bg3:#f1f5f9;
  --border:rgba(0,0,0,0.08);--border2:rgba(0,0,0,0.16);
  --text:#1a1a2e;--text2:#4a5568;--text3:#718096;
  --green:#16a34a;--red:#dc2626;--blue:#2563eb;--amber:#d97706;--purple:#7c3aed;
}
body.light .header{background:#ffffff}
body.light input,body.light select,body.light textarea{color:#1a1a2e}