/* ============================================
   🎨 VARIABLES DE DISEÑO - ACADEMIA ADDISON
   Edita aquí para cambiar colores, tipografía y tamaños.
   ============================================ */
:root {
  --color-marca: #D30000;
  --color-marca-2: #FF4D8D;
  --color-marca-claro: #FF6B8A;
  --fondo-principal: #FFFFFF;
  --fondo-suave: #FFF5F7;
  --superficie: #FFFFFF;
  --superficie-2: #FFF9FB;
  --texto-principal: #1F2328;
  --texto-secundario: #6B7280;
  --texto-deshabilitado: #9CA3AF;
  --borde: #F0D6E0;
  --sombra: 0 8px 24px rgba(0,0,0,.08);
  --sombra-hover: 0 12px 32px rgba(0,0,0,.12);
  --exito: #10B981;
  --advertencia: #F59E0B;
  --error: #FF6B7A;
  --informacion: #3B82F6;
  --rol-superadmin: #DC2626;
  --rol-director: #2563EB;
  --rol-profesor: #059669;
  --rol-auxiliar: #D97706;
  --rol-alumno: #7C3AED;
  --fuente-principal: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --sidebar-ancho: clamp(300px, 24vw, 380px);
  --header-altura: 60px;
  --footer-altura: 44px;
  --radio-borde: 16px;
  --radio-borde-sm: 12px;
  --radio-borde-xs: 10px;
  --transicion-rapida: all .2s ease;
  --transicion-media: all .25s ease;
}
@media (prefers-color-scheme: dark) {
  :root {
    --fondo-principal: #0F141D;
    --fondo-suave: #1A2230;
    --superficie: #1A2230;
    --superficie-2: #222B3A;
    --texto-principal: #E5EAF1;
    --texto-secundario: #9CA9B9;
    --borde: #334155;
    --color-marca: #FF6B8A;
    --color-marca-2: #FF8FA8;
    --sombra: 0 8px 24px rgba(0,0,0,.6);
    --sombra-hover: 0 12px 32px rgba(0,0,0,.7);
  }
}