:root {
  --primario: #1e3a8a;
  --primario-osc: #172554;
  --secundario: #db5a14;
  --secundario-o: #e33516;
  --acento: #c91a1a;
  --fondo: #f8fafc;
  --texto: #1f2937;
  --texto-claro: #6b7280;
  --borde: #e5e7eb;
  --tarjeta: #ffffff;
  --sombra: 0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -2px rgba(0,0,0,0.05);
  --sombra-hover: 0 10px 25px -3px rgba(0,0,0,0.12), 0 4px 6px -4px rgba(0,0,0,0.05);
  --radio: 12px;
  --exito: #16a34a;
  --peligro: #dc2626;
  --advertencia: #f59e0b;
  --info: #0ea5e9;
  --transicion: all 0.25s cubic-bezier(.4,0,.2,1);
  --primario-08: rgba(30, 58, 138, 0.08);
  --primario-10: rgba(30, 58, 138, 0.1);
  --secundario-15: rgba(219, 90, 20, 0.15);
  --secundario-30: rgba(219, 90, 20, 0.3);
  --secundario-40: rgba(219, 90, 20, 0.4);
}

:root.dark,
:root.dark body {
    --fondo:          #0f172a;
    --fondo-2:        #1e293b;
    --tarjeta:        #1e293b;
    --texto:          #e2e8f0;
    --texto-claro:    #94a3b8;
    --borde:          #334155;
    --primario-08:    rgba(96, 165, 250, 0.15);
    --primario-10:    rgba(96, 165, 250, 0.20);
    --sombra:         0 4px 6px -1px rgba(0,0,0,0.4);
    --sombra-hover:   0 10px 25px -3px rgba(0,0,0,0.5);
}
:root.dark body.ltv-public { background: var(--fondo); color: var(--texto); }
:root.dark .cabecera,
:root.dark .pie-pagina { background-color: var(--tarjeta); }
:root.dark .pie-pagina { background: var(--primario-osc); }
:root.dark .video-card,
:root.dark .oracion-card,
:root.dark .radio-card,
:root.dark .formulario,
:root.dark .contacto-info,
:root.dark .tabla { background: var(--tarjeta); color: var(--texto); }
:root.dark .tabla th { background: var(--fondo-2); }
:root.dark .tabla tr:hover { background: var(--fondo-2); }
:root.dark .menu-principal a { color: var(--texto); }
:root.dark .menu-principal a:hover { background: var(--primario-08); }
:root.dark .campo input,
:root.dark .campo select,
:root.dark .campo textarea,
:root.dark .filtros input,
:root.dark .filtros select { background: var(--fondo-2); color: var(--texto); border-color: var(--borde); }
:root.dark .alerta-info  { background:#1e3a8a; color:#bfdbfe; }
:root.dark .alerta-exito { background:#064e3b; color:#a7f3d0; }
:root.dark .alerta-error { background:#7f1d1d; color:#fecaca; }
:root.dark .video-info small,
:root.dark .video-stats { color: var(--texto-claro); }
:root.dark .seccion-oraciones { background: var(--fondo-2); }
:root.dark .filtros,
:root.dark .versiculo-bloque { background: var(--tarjeta); }
:root.dark .video-embed { background: #000; }

:root.dark .tema-icono .fa-sun { display: inline; }
:root.dark .tema-icono .fa-moon { display: none; }
.tema-icono .fa-sun { display: none; }
.tema-icono .fa-moon { display: inline; }