/* === Temas para widgets Reloj y Timer (sub-bloque 14) === */
/* Cada tema define 3 variables CSS: --bg (fondo), --text (color principal), --accent (anillo, badge, botón play) */
/* Los componentes aplican la clase .theme-{slug} al wrapper raíz */

.theme-claro_clasico { --bg: #FFFFFF; --text: #1E2126; --accent: #6366F1; }
.theme-claro_verde   { --bg: #FFFFFF; --text: #1E2126; --accent: #10B981; }
.theme-claro_naranja { --bg: #FFFFFF; --text: #1E2126; --accent: #F59E0B; }
.theme-claro_magenta { --bg: #FFFFFF; --text: #1E2126; --accent: #D946EF; }
.theme-claro_azul    { --bg: #FFFFFF; --text: #1E40AF; --accent: #1E40AF; }
.theme-transparente  { --bg: transparent; --text: #1E2126; --accent: #1E2126; }
.theme-pastel_verde  { --bg: #D1FAE5; --text: #065F46; --accent: #10B981; }
.theme-pastel_azul   { --bg: #DBEAFE; --text: #1E40AF; --accent: #3B82F6; }
.theme-pastel_rosa   { --bg: #FCE7F3; --text: #9D174D; --accent: #EC4899; }
.theme-pastel_lila   { --bg: #EDE9FE; --text: #5B21B6; --accent: #8B5CF6; }
.theme-oscuro_clasico{ --bg: #1E2126; --text: #FFFFFF; --accent: #6EC6C8; }
.theme-oscuro_verde  { --bg: #0F172A; --text: #FFFFFF; --accent: #10B981; }