/* Aula — colores de la interfaz (una sola fuente para app.html, index.html, remote.html, visor.html y
   teclas.html; también los usan los cuadros de dialogo.js y los textos que pinta JavaScript, vía var(--t-…)).
   Base: el gris de los menús y el gris oscuro de sus botones. Solo llevan color los botones con significado:
   éxito (verde), peligro (rojo), aviso (ámbar). No incluye las paletas de contenido (gráficas, V/F, tintes,
   factorial, burbujas): esas viven en AULA_CONFIG. */
:root {
  --t-panel: #2f3337;            /* menús, modales, paneles, cuadros de diálogo */
  --t-fondo: #1f2326;            /* fondo de página cuando no hay imagen (remoto, modo control, teclas) */
  --t-boton: #3d4247;            /* botones (de ícono y de acción) */
  --t-boton-hover: #4b5157;
  --t-menu-resalte: #5f676e;     /* opción del menú bajo el puntero o activa */
  --t-borde: #546e7a;
  --t-superficie: rgba(255,255,255,0.08);   /* filas y tarjetas dentro de un panel */
  --t-campo: rgba(255,255,255,0.15);        /* campos de texto sobre fondo oscuro */
  --t-velo: rgba(0,0,0,0.75);               /* detrás de un modal */
  --t-barra: rgba(0,0,0,0.5);               /* barra superior de la app (semitransparente: deja ver el fondo de la clase) */
  --t-texto: #ffffff;
  --t-texto-suave: #cfd8dc;
  --t-texto-tenue: #90a4ae;
  --t-etiqueta: #b0bec5;         /* etiquetas de formularios y títulos de sección */
  --t-exito: #2e7d32;
  --t-peligro: #b71c1c;
  --t-peligro-texto: #ef9a9a;    /* texto de error o de una opción peligrosa sobre fondo oscuro */
  --t-ok-texto: #a5d6a7;
  --t-aviso: #ffc107;            /* mensajes que piden atención */
  --t-aviso-suave: #ffcc80;
  --t-resalte: #ffd54f;          /* selección, menú abierto, notas */

  /* Nombres anteriores (app.html) */
  --menu-fondo: var(--t-panel);
  --menu-hover: var(--t-boton);
  --menu-texto-tenue: var(--t-texto-tenue);
}