/* ============================================================
   Marca Red Académica -- fuente única de la identidad visual.
   Manual de Marca v1.0 (documentos/marca/), agosto de 2026.
   ============================================================

   Este archivo NO contiene componentes: solo los tokens de la marca.
   Cada hoja de estilo (admin, tutor, auth, status) lo carga primero y
   define sus propias variables encima. Así el día que la marca cambie un
   color, cambia aquí y no en cuatro archivos que se desincronizan.

   Se carga con un <link> aparte y no con @import: @import obliga al
   navegador a descubrir el segundo archivo DESPUÉS de bajar el primero,
   un viaje de red extra en serie. Este proyecto tiene por público
   declarado zonas de baja conectividad (package.json).

   CONTRASTE -- todos los pares verificados contra WCAG 2.2 AA (4.5:1
   para texto normal), medidos, no estimados:

     Verde Red sobre blanco ........ 9.72:1
     blanco sobre Verde Red ........ 9.72:1
     Verde Profundo sobre blanco ... 13.59:1
     Teal sobre blanco ............. 5.47:1
     Tinta sobre blanco ............ 17.85:1
     Apagado sobre blanco ..........  7.58:1
     Apagado sobre Niebla ..........  6.89:1
     Verde Red sobre Mint ..........  8.39:1
     Rojo sobre blanco .............  6.47:1

   El Oro mide 2.24:1 sobre blanco: FALLA para texto. El manual ya lo
   dice ("nunca como color de texto pequeño") y aquí se respeta -- el
   Oro es relleno, filete y acento, nunca color de letra sobre claro.
   Sobre Tinta sí llega a 7.96:1, que es su único uso como texto. */

:root {
  /* --- Paleta del manual (§04) --- */
  --marca-verde: #064E3B;      /* Verde Red -- marca, acciones primarias, títulos */
  --marca-verde-profundo: #043528; /* derivado, para hover y estados presionados */
  --marca-teal: #0F766E;       /* Teal Conexión -- estados activos, vínculos, red */
  --marca-oro: #D4A72C;        /* Oro Propósito -- énfasis e hitos. NUNCA texto sobre claro */
  --marca-tinta: #0F172A;      /* Tinta -- texto, navegación, contraste */
  --marca-apagado: #475569;    /* texto secundario y metadatos */
  --marca-niebla: #F1F5F3;     /* fondos suaves y superficies secundarias */
  --marca-mint: #DFF3E8;       /* superficie de acento verde */
  --marca-linea: #C7DDD4;      /* bordes y filetes */
  --marca-blanco: #FFFFFF;
  --marca-rojo: #B91C1C;       /* destructivo, accesible sobre blanco */

  /* --- Tipografía (§05) ---
     Aptos es la familia principal del manual; Inter la alternativa web.
     Ninguna se descarga: la CSP del proyecto es `default-src 'self'` sin
     `font-src`, así que una fuente de Google Fonts sería bloqueada, y
     autohospedarla cuesta ~100 KB en la primera carga de un público que
     está en redes lentas. La pila usa las dos si están instaladas y cae
     al tipo del sistema si no -- que es exactamente el criterio del
     manual: "verse nativa en entornos académicos y de software". */
  --marca-fuente: 'Aptos', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --marca-fuente-titulos: 'Aptos Display', 'Aptos', Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --marca-fuente-mono: ui-monospace, Menlo, Consolas, monospace;

  /* --- Sidebar verde oscuro (propuesta elegida por el propietario,
     entrega-desarrollador-ui-2026-09-14.zip -- "así como lo hiciste") ---
     Valores literales de referencia-original/styles.css: --deep #073D31,
     NO el #043528 del manual antiguo ni el sidebar blanco de la variante
     posterior. Se agregan como tokens nuevos en vez de reescribir
     --marca-verde-profundo (que sigue usándose para hover/pressed de
     botones en toda la app y ya está auditado con ese valor). */
  --sidebar-fondo: #073D31;
  --sidebar-texto: #E2EEE5;
  --sidebar-texto-nav: #BCD0C6;
  --sidebar-texto-grupo: #A5BDAF;
  --sidebar-subtitulo: #A5C4B6;
  --sidebar-borde-selector: #47705E;
  --sidebar-texto-selector: #F4FAF5;
  --sidebar-hover: #FFFFFF0D;
  --sidebar-activo-fondo: #FFFFFF15;
  --sidebar-filete-activo: #D9B652;
  --sidebar-icono-activo: #DEC167;
  --sidebar-contador-fondo: #DCB957;
  --sidebar-contador-texto: #283E30;
  --sidebar-punto-estado: #70BD95;
  --sidebar-oro-motivo: #E2BF61;
}