/**
 * Paletas de color — activadas con body.tema-verde | tema-azul | tema-naranja | tema-gris
 * Los valores por defecto en :root corresponden al tema verde.
 */

:root {
  --primary: #22c55e;
  --primary-600: #16a34a;
  --primary-dark: #059669;
  --menu-bg: #e8f7ee;
  --menu-fg: #065f46;
  --menu-border: #bbf7d0;
  --menu-active-bg: #22c55e;
  --menu-active-fg: #ffffff;
  --menu-hover-bg: #d1fae5;
  --surface-tint: #ecfdf5;
  --surface-tint-border: #a7f3d0;
  --surface-tint-hover: #d1fae5;
  --focus-ring: rgba(34, 197, 94, 0.5);
}

body.tema-verde {
  --primary: #22c55e;
  --primary-600: #16a34a;
  --primary-dark: #059669;
  --menu-bg: #e8f7ee;
  --menu-fg: #065f46;
  --menu-border: #bbf7d0;
  --menu-active-bg: #22c55e;
  --menu-active-fg: #ffffff;
  --menu-hover-bg: #d1fae5;
  --surface-tint: #ecfdf5;
  --surface-tint-border: #a7f3d0;
  --surface-tint-hover: #d1fae5;
  --focus-ring: rgba(34, 197, 94, 0.5);
}

body.tema-azul {
  --primary: #2563eb;
  --primary-600: #1d4ed8;
  --primary-dark: #1e40af;
  --menu-bg: #e8f0fe;
  --menu-fg: #1e3a8a;
  --menu-border: #bfdbfe;
  --menu-active-bg: #2563eb;
  --menu-active-fg: #ffffff;
  --menu-hover-bg: #dbeafe;
  --surface-tint: #eff6ff;
  --surface-tint-border: #93c5fd;
  --surface-tint-hover: #dbeafe;
  --focus-ring: rgba(37, 99, 235, 0.5);
}

body.tema-naranja {
  --primary: #f97316;
  --primary-600: #ea580c;
  --primary-dark: #c2410c;
  --menu-bg: #fff7ed;
  --menu-fg: #9a3412;
  --menu-border: #fed7aa;
  --menu-active-bg: #f97316;
  --menu-active-fg: #ffffff;
  --menu-hover-bg: #ffedd5;
  --surface-tint: #fff7ed;
  --surface-tint-border: #fdba74;
  --surface-tint-hover: #ffedd5;
  --focus-ring: rgba(249, 115, 22, 0.5);
}

body.tema-gris {
  --primary: #374151;
  --primary-600: #1f2937;
  --primary-dark: #111827;
  --menu-bg: #f3f4f6;
  --menu-fg: #111827;
  --menu-border: #e5e7eb;
  --menu-active-bg: #111827;
  --menu-active-fg: #ffffff;
  --menu-hover-bg: #e5e7eb;
  --surface-tint: #f3f4f6;
  --surface-tint-border: #d1d5db;
  --surface-tint-hover: #e5e7eb;
  --focus-ring: rgba(55, 65, 81, 0.45);
}

/* Compatibilidad con clases antiguas menu-* */
body.menu-green { --menu-bg: #e8f7ee; --menu-fg: #065f46; --menu-border: #bbf7d0; --menu-active-bg: #22c55e; --menu-active-fg: #ffffff; --menu-hover-bg: #d1fae5; }
body.menu-blue { --menu-bg: #e8f0fe; --menu-fg: #1e3a8a; --menu-border: #bfdbfe; --menu-active-bg: #2563eb; --menu-active-fg: #ffffff; --menu-hover-bg: #dbeafe; }
body.menu-gray { --menu-bg: #f3f4f6; --menu-fg: #111827; --menu-border: #e5e7eb; --menu-active-bg: #111827; --menu-active-fg: #ffffff; --menu-hover-bg: #e5e7eb; }