/*
 * TOKENS DE MARCA TULOGICA
 * =========================
 *
 * Los valores de este archivo salen del logo oficial, medidos píxel a
 * píxel sobre logo-tulogica-perfil-1080.png. No son aproximaciones.
 *
 * HALLAZGO QUE MOTIVÓ ESTE ARCHIVO
 *
 * El tema usaba cian (#417AE7) como color de acento en unos 600 sitios,
 * pero el logo no tiene un solo píxel de cian: de 11.127 píxeles con
 * color, cero caen en esa gama. El acento real de la marca es el azul
 * claro de la estrella (#7AA8FF), que además contrasta mejor sobre el
 * fondo oscuro (8,55:1 frente a 8,33:1).
 *
 * CÓMO REVERTIR
 *
 * Todo el tema apunta a estas variables. Para volver al cian basta con
 * cambiar --tl-accent y --tl-accent-rgb aquí; no hace falta tocar nada
 * más.
 */

:root {
  /* ── Azules del logo, del más profundo al más claro ── */
  --tl-blue-900: #1A3273;   /* sombra interior de la U */
  --tl-blue-800: #254BBA;   /* arranque del degradado */
  --tl-blue-700: #2563EB;   /* PRIMARIO — el azul de marca */
  --tl-blue-600: #3B6FDC;   /* cuerpo de la U */
  --tl-blue-500: #417AE7;   /* punto más claro del degradado */
  --tl-blue-300: #7AA8FF;   /* ACENTO — el azul de la estrella */
  --tl-blue-200: #A5C4FF;   /* realces sobre fondo oscuro */

  /* ── Fondos ──
     El tema tenía NUEVE negros ligeramente distintos conviviendo
     (#030A14, #0A0F1E, #06101E, #0D1420...). Cada sección usaba el suyo,
     así que al hacer scroll las secciones se veían como bloques
     desparejos en vez de una sola página. Ahora son tres niveles, todos
     derivados del lienzo del logo. */
  --tl-ink-950: #04060F;    /* base — el del logo. Hero, secciones */
  --tl-ink-900: #080C1A;    /* alterno — para alternar secciones */
  --tl-ink-800: #0C1122;    /* superficie — tarjetas y paneles */

  /* ── Roles semánticos ──
     El resto del tema usa estos, no los valores de arriba. */
  --tl-primary: var(--tl-blue-700);
  --tl-primary-rgb: 37, 99, 235;
  --tl-accent: var(--tl-blue-300);
  --tl-accent-rgb: 122, 168, 255;
  --tl-accent-strong: var(--tl-blue-500);
  --tl-accent-soft: var(--tl-blue-200);
  --tl-bg: var(--tl-ink-950);

  /* ── Degradado de la U, para superficies de marca ── */
  --tl-gradient: linear-gradient(160deg, var(--tl-blue-800) 0%, var(--tl-blue-500) 100%);
  --tl-gradient-soft: linear-gradient(92deg, rgba(37,99,235,.12), rgba(122,168,255,.08));
}