@import url("../hre-shared/ui/identity.css?v=0.2.0");
/* Compatibility adapter. Shared identity is owned by hre-shared/ui/identity.css. */


/* Escala tipografica (base 16px). Clases utilitarias segun el spec — familia fija por token. */
.t-display { font-family: var(--font-institucional); font-weight: 600; font-size: clamp(2.6rem, 5vw, 4rem); line-height: 1.0; letter-spacing: -0.02em; }
.t-h1 { font-family: var(--font-institucional); font-weight: 600; font-size: clamp(2rem, 4vw, 2.6rem); line-height: 1.1; }
.t-h2 { font-family: var(--font-institucional); font-weight: 600; font-size: 1.55rem; line-height: 1.15; }
.t-h3 { font-family: var(--font-institucional); font-weight: 600; font-size: 1.25rem; line-height: 1.2; }
.t-lead { font-family: var(--font-lectura); font-style: italic; font-weight: 400; font-size: 1.2rem; line-height: 1.45; }
.t-body { font-family: var(--font-lectura); font-weight: 400; font-size: 1.0625rem; line-height: 1.65; }
.t-ui { font-family: var(--font-ui); font-weight: 500; font-size: 1rem; line-height: 1.3; }
.t-eyebrow { font-family: var(--font-ui); font-weight: 700; font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; }
.t-dato { font-family: var(--font-datos); font-weight: 500; font-size: 0.9375rem; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }

/* Escala base del spec aplicada a los elementos HTML (los componentes con clase propia
   mandan por especificidad, asi no se rompe la densidad operativa de la consola). */
body { font-family: var(--font-ui); }
h1 { font-family: var(--font-institucional); font-weight: 600; font-size: clamp(1.9rem, 4vw, 2.6rem); line-height: 1.1; letter-spacing: -0.01em; }
h2 { font-family: var(--font-institucional); font-weight: 600; font-size: 1.55rem; line-height: 1.15; }
h3 { font-family: var(--font-institucional); font-weight: 600; font-size: 1.25rem; line-height: 1.2; }
code, kbd, samp, pre { font-family: var(--font-datos); font-variant-numeric: tabular-nums; }