/* === VARIABLES DE TEMA — controladas por [data-theme] en <html> ===
   Orden definido con Franklin el 2026-07-08:
   1 Turquesa Spa (default) · 2 Navy-Lima · 3 Azul Clínico ·
   4 Rosa Vital · 5 Índigo Confianza.
   Paso 3 (2026-07-08): paletas reales extraídas de las carpetas de
   temas en Desktop (una por tema, archivo estilo.css). Se mantiene la MISMA fórmula
   de sombras/bordes que ya usaba producción (offset y blur intactos)
   — solo se recolorea el rgba() de cada una para que sombras y bordes
   queden a tono con el primary de cada tema (antes eran gris/teal fijo
   sin importar el tema). radius y tipografía son iguales en los 5
   temas, no se repiten. Regla de oro: cero cambios de layout/@media.

   2026-07-08 — limpieza importante: este archivo ANTES tenía ~190 líneas
   de CSS heredado de una versión temprana (selectores tipo body, a,
   #bloque-01.._14, .chip, .servicio-card, etc.) que usaban nombres de
   variable viejos (--color-primary, --color-accent...) eliminados en el
   Paso 1. Ese código quedó huérfano — el diseño real de producción vive
   100% en el <style> inline de index.html. Se detectó que no era solo
   "código muerto inofensivo": algunos selectores (#bloque-13, #bloque-13 a,
   .chip) SÍ coinciden con elementos reales y con mayor especificidad que
   las reglas correctas de index.html, pero al tener un valor inválido
   (variable inexistente) caían al valor heredado en vez de aplicarse —
   causó un bug real (el link "Consultorías FV" del footer se veía blanco
   en vez de color de acento). Se eliminó todo ese bloque por completo. */
:root, [data-theme="1"] {
  /* Turquesa Spa — Dermatología, Odontología, Spa médico, Estética, Nutrición */
  --primary: #2EC4C4;
  --primary-rgb: 46,196,196;
  --primary-dark: #1A9898;
  --primary-light: #E8FAFA;
  --accent: #F5E842;
  --accent-rgb: 245,232,66;
  --bg: #F3FEFE;
  --white: #ffffff;
  --text: #0A2E2E;
  --text-muted: #2A6060;
  --text-light: #6A9898;
  --border: rgba(46,196,196,0.13);
  --shadow-sm: 0 2px 8px rgba(46,196,196,0.08);
  --shadow-md: 0 8px 24px rgba(46,196,196,0.16);
  --shadow-lg: 0 16px 40px rgba(10,122,122,0.22);
  --radius: 12px;
  --radius-lg: 16px;
  --font-display: 'DM Serif Display', serif;
  --font-body: 'DM Sans', sans-serif;
}

[data-theme="2"] {
  /* Navy-Lima — Fisioterapia deportiva, alto rendimiento, medicina preventiva */
  --primary: #1E4878;
  --primary-rgb: 30,72,120;
  --primary-dark: #142E58;
  --primary-light: #E8EFF8;
  --accent: #C8F55A;
  --accent-rgb: 200,245,90;
  --bg: #F5F7FB;
  --white: #ffffff;
  --text: #0A1520;
  --text-muted: #2A3A58;
  --text-light: #6A7A98;
  --border: rgba(30,72,120,0.13);
  --shadow-sm: 0 2px 8px rgba(30,72,120,0.08);
  --shadow-md: 0 8px 24px rgba(30,72,120,0.16);
  --shadow-lg: 0 16px 40px rgba(10,32,64,0.22);
}

[data-theme="3"] {
  /* Azul Clínico — Medicina general, fisioterapia, ortopedia */
  --primary: #4A9FD4;
  --primary-rgb: 74,159,212;
  --primary-dark: #2A7FB4;
  --primary-light: #E8F4FD;
  --accent: #6EC9A0;
  --accent-rgb: 110,201,160;
  --bg: #F5F9FD;
  --white: #ffffff;
  --text: #0A1E2E;
  --text-muted: #2A5070;
  --text-light: #6A90A8;
  --border: rgba(74,159,212,0.13);
  --shadow-sm: 0 2px 8px rgba(74,159,212,0.08);
  --shadow-md: 0 8px 24px rgba(74,159,212,0.16);
  --shadow-lg: 0 16px 40px rgba(21,90,138,0.22);
}

[data-theme="4"] {
  /* Rosa Vital — Ginecología, estética médica, pediatría, nutrición, psicología */
  --primary: #E0608A;
  --primary-rgb: 224,96,138;
  --primary-dark: #C04070;
  --primary-light: #FDE8EF;
  --accent: #64C8E8;
  --accent-rgb: 100,200,232;
  --bg: #FEF8FA;
  --white: #ffffff;
  --text: #2A0A14;
  --text-muted: #6B2840;
  --text-light: #B07888;
  --border: rgba(224,96,138,0.13);
  --shadow-sm: 0 2px 8px rgba(224,96,138,0.08);
  --shadow-md: 0 8px 24px rgba(224,96,138,0.16);
  --shadow-lg: 0 16px 40px rgba(146,43,82,0.22);
}

[data-theme="5"] {
  /* Índigo Confianza — Neurología, cardiología, especialistas de alto perfil */
  --primary: #3A5FC8;
  --primary-rgb: 58,95,200;
  --primary-dark: #2A48A8;
  --primary-light: #E8EDFF;
  --accent: #5EC8A0;
  --accent-rgb: 94,200,160;
  --bg: #F5F6FB;
  --white: #ffffff;
  --text: #0A1030;
  --text-muted: #2A3870;
  --text-light: #6A78A8;
  --border: rgba(58,95,200,0.13);
  --shadow-sm: 0 2px 8px rgba(58,95,200,0.08);
  --shadow-md: 0 8px 24px rgba(58,95,200,0.16);
  --shadow-lg: 0 16px 40px rgba(26,52,148,0.22);
}
