/* iURBANS - tokens del sistema (generado por construir_kit.py: no editar a mano) */
:root {
  --color-crimson: #FF1B27;  /* El sello. Solo seleccion, alerta o acento con significado; nunca decoracion. */
  --color-ebony: #131210;  /* Tinta y fondo oscuro. Sustituye al negro puro en texto y superficies. */
  --color-paper: #E9DFDD;  /* Superficie de agrupacion y paginas de pausa. */
  --color-silver: #C7C8C5;  /* Superficie apagada, etiquetas sobre ebano, caras laterales de la infografia. */
  --color-white: #FFFFFF;  /* Superficie base. */
  --color-crimson-tint: #FFB3B7;  /* Rosa del carmesi. Solo en graficos: espacio publico adicional y techo de las candidatas. */
  --color-ink-2: rgba(19,18,16,0.70);  /* Texto secundario: bajadas, etiquetas. */
  --color-ink-3: rgba(19,18,16,0.45);  /* Texto terciario: notas, fuentes, pies. */
  --color-ink-4: rgba(19,18,16,0.15);  /* Filetes y divisores de 1 px. */
  --color-crimson-soft: rgba(255,27,39,0.10);  /* Fila destacada de una tabla. */
  --color-paper-on-dark-2: rgba(255,255,255,0.78);  /* Texto secundario sobre ebano. */
  --color-paper-on-dark-3: rgba(255,255,255,0.55);  /* Texto terciario sobre ebano. */
  --color-rule-on-dark: rgba(255,255,255,0.18);  /* Filetes sobre ebano. */
  --color-iso-top: #FFFFFF;  /* Infografia: cara superior de los volumenes. */
  --color-iso-side-light: #C7C8C5;  /* Infografia: cara lateral iluminada. */
  --color-iso-side-dark: #959493;  /* Infografia: cara lateral en sombra y linderos. */
  --color-iso-line: #5A5957;  /* Infografia: envolvente de altura maxima (discontinua). */
  --color-iso-public: #FF1B27;  /* Infografia: espacio publico nuevo (cesion en sitio). */
  --color-iso-public-extra: #FFB3B7;  /* Infografia: espacio publico adicional (patio abierto al barrio). */
  --color-iso-ground: #E9DFDD;  /* Infografia: suelo privado libre. */

  --font-display: "Big Shoulders", "Arial Narrow", sans-serif;  /* Titulares y cifras. Siempre en MAYUSCULAS, peso 700. */
  --font-serif: "IBM Plex Serif", Georgia, serif;  /* Texto corrido, bajadas en cursiva, citas. */
  --font-mono: "IBM Plex Mono", Consolas, monospace;  /* Rotulos, etiquetas, datos tecnicos, notas y fuentes. Mayusculas con tracking. */

  --fs-display-xl: clamp(3rem, 7vw, 6.5rem);  /* Titular de portada (64 pt en A4) */
  --fs-display-l: clamp(2.5rem, 5.2vw, 4.75rem);  /* Titular de seccion (35 pt en A4) */
  --fs-display-m: clamp(2rem, 3.6vw, 3.25rem);  /* Cifra de impacto (30 pt en A4) */
  --fs-display-s: clamp(1.5rem, 2.4vw, 2rem);  /* Cifra secundaria y numero de fase */
  --fs-lead: clamp(1.2rem, 1.6vw, 1.5rem);  /* Bajada en cursiva (12 pt en A4) */
  --fs-h2: clamp(1.25rem, 1.8vw, 1.6rem);  /* Subtitulo serif en negrita (13,5 pt en A4) */
  --fs-body: 1.0625rem;  /* Texto corrido (10,2 pt en A4) */
  --fs-small: 0.9375rem;  /* Texto de tabla y tarjeta (8,6 pt en A4) */
  --fs-kicker: 0.8125rem;  /* Rotulo // de seccion (8 pt en A4) */
  --fs-label: 0.75rem;  /* Etiqueta mono de cifra, cabecera de tabla (6,8 pt en A4) */
  --fs-note: 0.6875rem;  /* Nota, fuente, pie de figura (6,6 pt en A4) */

  --tracking-display: 0.002em;
  --tracking-kicker: 0.16em;
  --tracking-label: 0.08em;
  --tracking-band: 0.14em;
  --tracking-table-head: 0.10em;
  --tracking-tagline: 0.24em;
  --tracking-note: 0.02em;
  --leading-display: 0.94;
  --leading-lead: 1.38;
  --leading-body: 1.5;
  --leading-tight: 1.2;
  --leading-note: 1.45;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --border-hairline: 1px solid rgba(19,18,16,0.15);  /* Divisor por defecto */
  --border-rule: 2px solid #131210;  /* Filete superior de un grupo de cifras, de una tabla o de una tarjeta */
  --border-accent: 3px solid #FF1B27;  /* Filete izquierdo de una cita */
  --border-dotted: 2px dotted rgba(19,18,16,0.16);  /* Separador entre filas de cifras grandes */
  --radius: 0;  /* cero radios en todo el sistema */
  --measure: 65ch;  /* ancho maximo de texto corrido */
  --container: 1240px;
}