/* Vault9 — tipoqrafiya şkalası.
   Mənbə: design-system/tokens.json → "type" bölməsi.
   bundle.js komponentlərə `body`, `button`, `label`, `caption`, `overline`,
   `tag`, `h1`…`h3`, `amount`, `amount-xl`, `code` siniflərini verir, lakin
   bundle.css bu sinifləri tərif etmir — ona görə burada tərif olunurlar.
   Dəyişən adları tokens.css-dən olduğu kimi götürülür. */

/* Display ailəsi (Space Grotesk) — başlıq və vurğu, -3…-4% hərf aralığı */
.display {
  font-family: var(--font-display);
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.04em;
}
.h1 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.h2 {
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.h3 {
  font-family: var(--font-display);
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
}

/* Body ailəsi (IBM Plex Sans) — mətn, düymə, etiket, menyu */
.body {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}
.button-lg {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
.button {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
}
.label {
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
}
.caption {
  font-family: var(--font-body);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
}
.overline {
  font-family: var(--font-body);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.tag {
  font-family: var(--font-body);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Mono ailəsi (IBM Plex Mono) — rəqəm və kod, tabular-nums */
.amount-xl {
  font-family: var(--font-mono);
  font-size: 32px;
  line-height: 1.2;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.amount {
  font-family: var(--font-mono);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.code {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
}

/* README: başlıqlar `text-wrap: balance`, mətn sətri 65 simvoldan uzun olmasın */
.display, .h1, .h2, .h3 { text-wrap: balance; margin: 0; }
.v9-measure { max-width: 65ch; }

/* README: mobil inputda mətn 15px-dən aşağı düşməsin — iPhone avtomatik böyütməsin */
input, select, textarea { font-size: 15px; }