/* ===== font-sets.css — conjuntos de fonte (data-font no <html>, escolhido por aesir/font.js) =====
   ORDEM DE CARGA (nas duas páginas): base.css -> <style> da página -> theme.css -> footer.css -> fonts.css -> font-sets.css (este,
   por último). As regras de papel abaixo só valem com data-font presente (conjunto não-sistema) e têm especificidade maior que as
   da página/base; por isso a ordem não decide o resultado, mas manter este arquivo por último evita surpresas. Sem @import, sem
   !important, sem px. Os @font-face (e os .woff2) ficam em fonts.css / fonts/.
   TOKENS: --font-display (títulos, .testName, botões principais, h2/h3), --font-body (texto/UI: body), --font-num (.meterText: números
   grandes), --font-mono (.unit, .embedSub, valores do histórico, #thresholdValue) e --font-ip (.ipaddr).
   No "sistema" (sem data-font) os tokens valem exatamente o que o CSS já usava (Arial/sans-serif em tudo; o .ipaddr mantém a pilha
   monoespaçada de sempre) e NENHUMA regra de papel se aplica: o visual padrão é o de antes, pixel a pixel. */

:root {
  --font-display: Arial, sans-serif;
  --font-body: Arial, sans-serif;
  --font-num: Arial, sans-serif;
  --font-mono: Arial, sans-serif;
  --font-ip: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}
html[data-font="inter"] {
  --font-display: "Inter Variable", Arial, sans-serif;
  --font-body: "Inter Variable", Arial, sans-serif;
  --font-num: var(--font-display);
  --font-mono: "JetBrains Mono Variable", ui-monospace, Menlo, Consolas, monospace;
  --font-ip: var(--font-mono);
}
html[data-font="sora"] {
  --font-display: "Sora Variable", Arial, sans-serif;
  --font-body: "DM Sans Variable", Arial, sans-serif;
  --font-num: var(--font-display);
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-ip: var(--font-mono);
}
html[data-font="manrope"] {
  --font-display: "Manrope Variable", Arial, sans-serif;
  --font-body: "Inter Variable", Arial, sans-serif;
  --font-num: var(--font-display);
  --font-mono: "JetBrains Mono Variable", ui-monospace, Menlo, Consolas, monospace;
  --font-ip: var(--font-mono);
}

/* ----- papéis (só com data-font: conjunto não-sistema) ----- */
/* line-height 1.15 = o "normal" do Arial: sem isso o "normal" de cada família (Inter 1.21, Sora 1.26, DM Sans 1.30, Manrope 1.37)
   engorda linhas e cartões e empurra o layout (medido: histórico +14 px, linha das métricas do stability compacto +11 px). */
html[data-font] body {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.15;
}
html[data-font] h2,
html[data-font] h3,
html[data-font] .testName,
html[data-font] #startStopBtn,
html[data-font] #startBtn,
html[data-font] #resetBtn {
  font-family: var(--font-display);
  font-weight: 600;
}
html[data-font] .meterText {
  font-family: var(--font-num);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
html[data-font] .unit,
html[data-font] .embedSub,
html[data-font] .accordion-metric strong,
html[data-font] .accordion-body dd,
html[data-font] #thresholdValue {
  font-family: var(--font-mono);
  font-weight: 500;
}
html[data-font] .ipaddr {
  font-family: var(--font-ip);
  font-weight: 500;
}