/* ═══════════════════════════════════════════════════════════════
   Aulas Guacurarí — theme (tokens de color/tipografía/espaciado)
   Cargado siempre. No agregar reglas de componentes acá — solo
   custom properties (:root). Ver panel/css/theme.css para el mismo
   patrón en el módulo panel/.
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* ═══ Tema azul (antes verde/teal) — mapeo completo para revertir ═══
       --autoasistidos-primary     era #009688 (teal 500)
       --autoasistidos-primary-dk  era #00796b (teal 700)
       --autoasistidos-primary-lt  era #e0f2f1 (teal 50)
       --autoasistidos-bg          era #f0f4f3
       --autoasistidos-text        era #1a2e2b
       --autoasistidos-text-muted  era #5f7572
       --autoasistidos-border      era #d0e8e4
       --sidebar-bg                era #00695c (teal 800)
       --sidebar-active-bg         era rgba(77,182,172,.18) (teal 300)
       --sidebar-active-border     era #4db6ac (teal 300)
       Otros hardcodes de marca reemplazados en el resto del archivo (buscar
       "era verde" en este archivo) también tenían su equivalente teal:
         #26a69a→#42a5f5  #26c6da→#29b6f6  #00bfa5→#2196f3
         #00897b→primary  #004d40→sidebar-bg  #b2dfdb→#bbdefb  #b8d6d1→#a9c6e0 */
    --autoasistidos-primary:     #1e88e5;
    --autoasistidos-primary-dk:  #1565c0;
    --autoasistidos-primary-lt:  #e3f2fd;
    --autoasistidos-primary-rgb: 30,136,229; /* canales de --autoasistidos-primary, para rgba() */
    --autoasistidos-success:     #2e7d32;
    --autoasistidos-success-lt:  #e8f5e9;
    --autoasistidos-surface:     #ffffff;
    --autoasistidos-bg:          #eef2f7;
    --autoasistidos-text:        #16212e;
    --autoasistidos-text-muted:  #5b6b7a;
    --autoasistidos-border:      #d3e2ee;
    /* Escala de grises para jerarquía del sidebar del visor (unidad > módulo
       > contenido): resting < hover < open, monotónica y separada por nivel
       para que unidad y módulo no se confundan entre sí. El azul queda
       reservado 100% para .visor-item--activo (ver bloque "Visor de
       contenidos" más abajo). */
    --autoasistidos-gray-unidad-hover: #e9eef4;
    --autoasistidos-gray-unidad-open:  #dde5ee;
    --autoasistidos-gray-modulo-hover: #eaf0f6;
    --autoasistidos-gray-modulo-open:  #e6ecf3;
    --autoasistidos-gray-item-hover:   #f4f7fa;
    --autoasistidos-radius:      10px;
    --autoasistidos-radius-sm:   6px;
    --autoasistidos-shadow:      0 2px 14px rgba(0,0,0,.10);
    --autoasistidos-transition:  .18s ease;
    --font: 'DM Sans', 'Roboto', sans-serif;

    /* Delta de tema vs shell compartido — shared/components/portal/portal-shell.css
       define --sidebar-w/--sidebar-text/--sidebar-hover-bg/--topbar-h comunes;
       acá solo lo que cambia por módulo. */
    --sidebar-bg:             #0d47a1;
    --sidebar-active-bg:      rgba(100,181,246,.18);
    --sidebar-active-border:  #64b5f6;
    --portal-avatar-bg:       var(--autoasistidos-primary);
}