/* fica online — tokens. Fonte única: tokens.json. Não editar cores aqui sem editar lá. */
:root{
  --creme:#F8F5EE; --marinho:#10233E; --verde:#22C55E; --verde-escuro:#15803D;
  --marinho-tinta:#EEF1F6; --branco:#FFFFFF; --cinza:#78808C; --linha:#E3E0D8;
  --font-sans:"Poppins","Segoe UI",system-ui,sans-serif;
  --display:700 72px/1.05 var(--font-sans); --h1:700 48px/1.1 var(--font-sans); --h2:600 32px/1.2 var(--font-sans);
  --body:400 18px/1.55 var(--font-sans); --small:400 15px/1.5 var(--font-sans); --label:500 13px/1.4 var(--font-sans);
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:40px; --space-5:64px;
  --radius-sm:8px; --radius-md:16px; --radius-pill:999px;
  color-scheme:light;
}
[data-theme="dark"]{
  --creme:#10233E; --marinho:#F8F5EE; --verde-escuro:#4ADE80; --marinho-tinta:#1A2E4D; --branco:#1A2E4D; --cinza:#AEB4BE; --linha:#2A3B58;
  color-scheme:dark;
}
body{background:var(--creme);color:var(--marinho);font:var(--body)}
.btn-primary{background:var(--verde);color:#10233E;font:var(--body);font-weight:500;border:0;border-radius:var(--radius-pill);padding:var(--space-2) 28px}
.btn-secondary{background:transparent;color:var(--marinho);border:2px solid var(--marinho);border-radius:var(--radius-pill);padding:14px 28px;font-weight:500}
.card{background:var(--branco);border:1px solid var(--linha);border-radius:var(--radius-md);padding:var(--space-4)}
.card-soft{background:var(--marinho-tinta);border-radius:var(--radius-md);padding:var(--space-4)}
.kpi{font:var(--display)} .kpi-label{font:var(--small);color:var(--cinza)}
.label{font:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--cinza)}
.online::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--verde);margin-right:var(--space-1);vertical-align:middle}