/* ============================================================================
   Tokens de marca ITX
   Los tres colores y las dos familias tipográficas salen de
   "Presentacion ITX.pdf" — son valores exactos del cliente, no inventar
   variaciones ni sustituir las fuentes.
   ========================================================================= */

:root {
  /* Marca */
  --itx-blue: #109bcb;
  --itx-blue-dark: #0c7396;
  --itx-blue-light: #4dc3e3;
  --itx-ink: #1a1718;
  --itx-ink-soft: #262322;
  --itx-bg-light: #f2f2f3;
  --itx-white: #ffffff;

  /* Texto */
  --itx-text: #2b2b2b;
  --itx-text-muted: #6f6d6e;
  --itx-text-on-dark: #f2f2f3;
  --itx-text-on-dark-muted: #a9a5a6;

  /* Reglas y bordes */
  --itx-rule: #d8d8da;
  --itx-rule-on-dark: rgba(242, 242, 243, 0.16);
  --itx-rule-blue: rgba(16, 155, 203, 0.22);
  --itx-rule-blue-strong: rgba(16, 155, 203, 0.4);

  /* Tipografía — Barlow Condensed para titulares, Barlow para cuerpo */
  --font-display: 'Barlow Condensed', 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-base: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Escala tipográfica fluida */
  --fs-hero: clamp(3.25rem, 10vw, 7.5rem);
  --fs-h1: clamp(2.75rem, 7vw, 5.5rem);
  --fs-h2: clamp(2.25rem, 5.5vw, 4rem);
  --fs-h3: clamp(1.3rem, 2.1vw, 1.65rem);
  --fs-lede: clamp(1.05rem, 1.5vw, 1.3rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.92rem;
  --fs-label: 0.85rem;

  /* Espaciado */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;
  --space-3xl: 128px;

  /* Ritmo vertical de sección */
  --section-y: clamp(3.5rem, 7vw, 6rem);
  --section-gap: clamp(2rem, 4vw, 3.25rem);

  /* Layout */
  --container-max: 1200px;
  --gutter: 24px;
  --header-height: 72px;
  --radius-sm: 0;

  /* Motion */
  --transition-fast: 160ms ease;
  --transition-base: 240ms ease;
}