/* ═══════════════════════════════════════════════════════════════════════════
   ALTECH · tipografia única de todos os apps (28/08, decisão do Alberto: "B")
   Interface = Plus Jakarta Sans · dado tabular/código = IBM Plex Mono.
   ANTES existiam 9 famílias em ~25 telas (Archivo, Inter, Figtree, Saira,
   DM Mono, SF Mono, IBM Plex Sans…) porque cada HTML declarava a sua.
   Mude AQUI e muda em todo lugar. Não declare font-family solta nas telas —
   use var(--altech-sans) ou var(--altech-mono).
   ═══════════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');

:root{
  --altech-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --altech-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  /* compatibilidade: telas antigas que já usavam --mono continuam funcionando */
  --mono: var(--altech-mono);
}

body{ font-family: var(--altech-sans); }

/* dado tabular/código: mono em toda a base */
code, kbd, samp, pre, .mono, .sku, .codigo{ font-family: var(--altech-mono); }