/* ==========================================================================
   FUNDAMENTOS — variáveis, reset e tipografia base
   --------------------------------------------------------------------------
   Primeira folha da cascata: define os tokens (--bg, --text, --line, cores
   de gravidade, raios, sombras, famílias) que todas as outras usam. Carregue
   antes de content.css, app.css e reader.css.
   ========================================================================== */
/* --- fundamentos: variáveis, reset, tipografia base --- */
:root{
  --bg:#fbfbfd; --surface:#ffffff; --surface-2:#f5f5f7;
  --text:#1d1d1f; --text-2:#48484a; --text-3:#86868b; --text-4:#aeaeb2;
  --line:rgba(0,0,0,.08); --line-2:rgba(0,0,0,.13);
  --blue:#0071e3; --blue-2:#0058b8; --blue-tint:rgba(0,113,227,.08);
  --crit:#d70015; --crit-bg:rgba(255,59,48,.12);
  --alta:#c25e00; --alta-bg:rgba(255,149,0,.14);
  --media:#9a7d00; --media-bg:rgba(255,204,0,.18);
  --baixa:#1a7f37; --baixa-bg:rgba(52,199,89,.14);
  --radius:20px; --radius-s:12px;
  --shadow:0 1px 3px rgba(0,0,0,.04),0 8px 30px rgba(0,0,0,.05);
  --shadow-hover:0 2px 6px rgba(0,0,0,.06),0 16px 44px rgba(0,0,0,.09);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Monaco,"JetBrains Mono",monospace;
  --sidebar:288px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);background:var(--bg);color:var(--text);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  line-height:1.5;letter-spacing:-0.01em;
}
a{color:var(--blue);text-decoration:none}