/* ═══════════════════════════════════════════════════════════════════
   Tokens de marca — guía §10. Punto único de verdad.
   Cualquier color que no salga de aquí es un error de maquetación.
   No añadir valores nuevos sin pasar antes por la guía.
   ═══════════════════════════════════════════════════════════════════ */

:root {
	/* ── 1. Marca ── */
	--marca-lila:     #7A4DB8;
	--marca-amarillo: #FFC93C;
	--marca-negro:    #15111C;
	--marca-blanco:   #FCFBFD;

	/* Tintes de apoyo. No son colores de marca: resuelven estados,
	   fondos y modo oscuro. Nunca dentro del isotipo (única excepción:
	   versión expresiva por encima de 120 px, guía §02). */
	--lila-100:     #EDE5F8;
	--lila-300:     #C3A6E8;
	--lila-600:     #5B3490;
	--lila-900:     #2E1B4D;
	--amarillo-900: #4A3600;
	--gris-texto:   #56505F;
	--gris-medio:   #A79DB5;
	--linea:        #E4DDEE;

	/* ── 2. Tipografía ── */
	--tipo-titular: 'Archivo', system-ui, sans-serif;
	--tipo-lectura: 'Literata', Georgia, serif;
	--tipo-dato:    'JetBrains Mono', monospace;

	/* ── 3. Geometría ── */
	--angulo-marca:  45deg;     /* isotipo: único ángulo del símbolo */
	--angulo-panal:  29.05deg;  /* patrón hexagonal; no se mezclan (guía §00) */
	--radio:         10px;
	--modulo:        31.18px;   /* ancho de celda del panal */
	--fila:          26.66px;   /* alto de fila del panal */
	--vertical:      15.59px;   /* separación entre verticales */
	--jironado:      48px;      /* celda de la textura secundaria */
	--aire-logo:     0.175em;   /* 35 / 200, área de respeto del isotipo */
}

/* Modo oscuro — guía §10. Pendiente de activar (sin conmutador aún).
   Recordar guía §06: sobre fondo negro, el texto va en Lila 300;
   el lila principal queda para superficies y bordes. */
[data-tema='oscuro'] {
	--marca-blanco: #15111C;
	--marca-negro:  #FCFBFD;
	--marca-lila:   #C3A6E8;
	--gris-texto:   #A79DB5;
	--linea:        #2E2838;
}