/* Base: variáveis locais, utilitários e contêineres. Os tokens do design system ficam em assets/ds/. */
:root{
  --hero-bg:#0A0A0A;
  --hero-ink:#FAFAF8;
  --hero-accent:#7FA8FF;      /* acento do DS no tema escuro, 4,5:1+ sobre o painel */
}
html{scroll-behavior:smooth;scroll-padding-top:96px;color-scheme:light}
body{margin:0;min-width:320px;overflow-x:hidden}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px;top:8px}
.skip:focus{left:16px;z-index:50;background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:var(--r-md);border:1.5px solid var(--ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.page{max-width:1920px;margin:0 auto}
.inner{max-width:var(--container);margin:0 auto}

/* Escala tipográfica (issue #39): texto que carrega informação tem no mínimo 14 px.
   Rótulos em caixa alta usam 13 px com espaçamento. Isso sobrescreve o piso de 12 e 13 px do design system. */
:root{--fs-caption:14px;--fs-meta:13px}
.tag{font-size:13px}
.field label{font-size:14px}
.field .hint{font-size:13px}
.metric .k{font-size:14px}
.metric .d{font-size:13px}
th{font-size:13px}