/* ============================================================
   Sofit Next — Design Tokens (estilo metadados.io / minimalista)
   Tema claro/escuro automático via prefers-color-scheme.
   ============================================================ */
:root{
  --bg:#fbfbfc; --surface:#ffffff; --surface-2:#f4f5f7; --line:#e7e8ec;
  --ink:#15171c; --ink-2:#5b6270; --ink-3:#8b92a1;
  --brand:#5232f2; --brand-2:#3f86f6; --brand-soft:#ecebfe; /* gradiente da marca Sirena: violeta->azul */
  --ok:#0ea66b; --warn:#e0a008; --bad:#e0533d; --info:#2f7dd1;
  --ok-soft:#e4f6ee; --warn-soft:#fbf1d6; --bad-soft:#fbe6e1; --info-soft:#e4effb;

  --r:14px; --r-sm:9px; --r-xs:6px;
  --shadow:0 1px 2px rgba(20,23,28,.04),0 8px 28px rgba(20,23,28,.06);
  --shadow-sm:0 1px 2px rgba(20,23,28,.06);

  --sidebar:248px;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0c0d10; --surface:#15171c; --surface-2:#1c1f26; --line:#262a33;
    --ink:#f2f3f5; --ink-2:#aab1bf; --ink-3:#727a8a;
    --brand:#8b80ff; --brand-2:#5ea2ff; --brand-soft:#1b1a3a;
    --ok-soft:#0f2a20; --warn-soft:#2c2410; --bad-soft:#2c1813; --info-soft:#10243a;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);
    --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  }
}