/* ==========================================================================
   00 · TOKENS
   Fuentes del evento (Futura) y variables base (paleta + tipografía).
   Primer componente extraído del monolito. Carga antes que _legacy.css.
   ========================================================================== */

@font-face {
  font-family: "Futura";
  src: url("../../fonts/futura-book-webfont.22d2b91181f4.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Futura";
  src: url("../../fonts/futura-bold-webfont.9e9f6ae266f4.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Futura Light";
  src: url("../../fonts/futurabt-light-webfont.b937244426b9.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
}

:root {
  --ink: #050817;
  --ink-soft: #0b1026;
  --ink-raised: #10162f;
  --paper: #f4f6fb;
  --paper-blue: #eaf1ff;
  --white: #ffffff;
  --muted: #9aa5bf;
  --line: rgba(255, 255, 255, 0.14);
  --cyan: #41e5ff;
  --blue: #2864ff;
  --violet: #8338ff;
  --pink: #ff3c9e;
  --lime: #c7ff2e;
  --font-futura: "Futura", "Century Gothic", "Avenir Next", sans-serif;

  /* Escala tipográfica: piso más alto y consistente entre secciones. */
  --fs-eyebrow: clamp(0.82rem, 0.95vw, 0.95rem); /* labels, kickers, rótulos */
  --fs-caption: clamp(
    0.92rem,
    1vw,
    1.02rem
  ); /* datos, notas, párrafos chicos */
  --fs-body: clamp(1.02rem, 1.15vw, 1.15rem); /* texto corrido */
  --fs-lead: clamp(1.14rem, 1.35vw, 1.3rem); /* bajadas destacadas */
  --fs-label: clamp(0.9rem, 1vw, 1.02rem); /* section-label 01/02… */

  /* --- Escala oficial de 4 niveles (Guía Tipográfica Tech Awards 2026) ---
     Fuente de verdad del diseñador. Se migra sección por sección y reemplaza
     a la escala de arriba (que se eliminará al terminar la migración). */
  --fs-titulo: clamp(
    2.5rem,
    1.6rem + 2.6vw,
    3rem
  ); /* 40 → 48px (36pt) · títulos de sección · lh 1.06 */
  --fs-subtitulo: clamp(
    1.67rem,
    1.2rem + 1.6vw,
    2rem
  ); /* 26.7 → 32px (24pt) · jerarquía secundaria · lh 1.16 */
  --fs-cuerpo: 1.42rem; /* 22.7px (17pt) · párrafos y controles · lh 1.5 */
  --fs-nota: 1.08rem; /* 17.3px (13pt) · etiquetas y metadatos · lh 1.4 */
}

:root {
  --ink: #0a0a0a;
  --ink-soft: #151515;
  --ink-raised: #202020;
  --paper: #f2f2ef;
  --paper-blue: #e3e3df;
  --white: #ffffff;
  --muted: #777777;
  --line: rgba(255, 255, 255, 0.32);
  --cyan: #ffffff;
  --blue: #111111;
  --violet: #444444;
  --pink: #777777;
  --lime: #d7d7d2;
}
:root {
  --ta-green: #00e1a4;
  --ta-turquoise: #00e1a4;
  --ta-cyan: #00aed9;
  --ta-ink: #000000;
  --ta-scroll: 0%;
  --ta-shift-x: 0px;
  --ta-shift-y: 0px;
  --ta-hero-wave: url("../../img/maqueta_01.1a766f1d45ff.webp");
  --ta-ribbon: url("../../img/maqueta_02.ecf08e740fa7.webp");
  --ta-category-wave: url("../../img/maqueta_03.8f62eadee4dc.webp");
  --ta-footer-bg: url("../../img/maqueta_04.0bf0f0fdb091.webp");
  --ta-application-bg: url("../../img/maqueta_05.d569c8fc35cf.webp");
  --ta-hero-bg: url("../../img/maqueta_06.4eadc7c819b5.webp");
}