@font-face {
  font-family: "Manrope IKI";
  src: url("fonts/manrope-latin-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --font-iki: "Manrope IKI", "Avenir Next", "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  --iki-font-heading: "Manrope IKI", "Avenir Next", "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  --iki-font-body: "Space Grotesk", "Manrope IKI", "Avenir Next", "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  --iki-font-ui: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Escala tipográfica oficial V3.8.4: 15 × 1.2ⁿ, ajustada a la portada. */
  --iki-type-display: clamp(38px, 4.2vw, 54px);
  --iki-type-section: clamp(30px, 3.1vw, 42px);
  --iki-type-card: clamp(21px, 2vw, 26px);
  --iki-type-lead: clamp(16px, 1.35vw, 18px);
  --iki-type-body: 15px;
  --iki-type-small: 12px;
  --iki-type-label: 11px;
  --iki-type-button: 12px;

  --iki-leading-display: .98;
  --iki-leading-section: 1.05;
  --iki-leading-card: 1.14;
  --iki-leading-lead: 1.56;
  --iki-leading-body: 1.62;
  --iki-leading-small: 1.5;

  --iki-tracking-display: -.045em;
  --iki-tracking-section: -.035em;
  --iki-tracking-card: -.025em;
  --iki-tracking-body: 0;
  --iki-tracking-label: .11em;
  --iki-tracking-button: .035em;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-iki);
}

@media (max-width: 767px) {
  :root {
    --iki-type-display: 34px;
    --iki-type-section: 28px;
    --iki-type-card: 22px;
    --iki-type-lead: 16px;
    --iki-type-body: 15px;
    --iki-type-small: 12px;
    --iki-type-label: 11px;
    --iki-type-button: 12px;
  }
}