/* ============================================================================ */
/* ALTO CONTRASTE (WCAG 2.1 AA) - MODO OSCURO E ILUMINACIÓN CELESTE */
/* ============================================================================ */

[data-theme="dark"] {
  --primary: #38BDF8;
  --primary-light: #7DD3FC;
  --primary-dark: #0F172A;
  --bg-main: #0B132B;
  --bg-light: #1C2541;
  --bg-card: #1C2541;
  --text-main: #F8FAFC;
  --text-muted: #CBD5E1;
  --border-color: #334155;
  --gold: #FBBF24;
}

[data-theme="dark"] .main-header {
  background: #050B14;
  border-bottom: 2px solid #38BDF8;
}

/* NOMBRE DEL COLEGIO Y SUBTÍTULO EN CELESTE CLARO CON ALTO CONTRASTE */
[data-theme="dark"] .brand-name {
  color: #38BDF8 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 8px rgba(56, 189, 248, 0.4);
}

[data-theme="dark"] .brand-sub {
  color: #BAE6FD !important;
  font-weight: 600 !important;
}

/* FILTRO RESPLANDOR CELESTE PARA EL LOGO/ESCUDO EN ALTO CONTRASTE */
[data-theme="dark"] .brand-logo img,
[data-theme="dark"] .logo-img {
  filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.7)) brightness(1.15) !important;
  background: rgba(56, 189, 248, 0.1);
  padding: 2px;
  border-radius: 50%;
}

/* TÍTULOS PRINCIPALES Y ENCABEZADOS EN CELESTE BRRILLANTE */
[data-theme="dark"] .hero-title,
[data-theme="dark"] .page-title,
[data-theme="dark"] .section-title,
[data-theme="dark"] .admin-title {
  color: #38BDF8 !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

[data-theme="dark"] .hero-slogan,
[data-theme="dark"] .page-subtitle,
[data-theme="dark"] .section-subtitle,
[data-theme="dark"] .admin-subtitle {
  color: #E0F2FE !important;
}

/* ENLACES Y BOTONES DE NAVEGACIÓN EN ALTO CONTRASTE */
[data-theme="dark"] .nav-link {
  color: #F8FAFC !important;
}

[data-theme="dark"] .nav-link:hover {
  color: #38BDF8 !important;
}

/* ENCABEZADOS DE TARJETAS Y RECUADROS */
[data-theme="dark"] .card-box {
  background: #1C2541 !important;
  color: #F8FAFC !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .card-box h1,
[data-theme="dark"] .card-box h2,
[data-theme="dark"] .card-box h3,
[data-theme="dark"] .card-box h4 {
  color: #38BDF8 !important;
}

/* Indicadores de Enfoque Teclado Accesible WCAG */
a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline: 3px solid #38BDF8 !important;
  outline-offset: 2px !important;
}

/* Aumento Dinámico de Fuente */
body.font-lg { font-size: 19px; }
body.font-lg h1 { font-size: 3.4rem; }
body.font-lg h2 { font-size: 2.4rem; }