/* Finanças Pessoais — base.css
   Reset, variáveis CSS, body, scrollbar */


/* ── RESET + TOKENS ── */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --bg:#F0F4F8;--surf:#fff;--surf2:#F8FAFC;--navy:#0F2744;
  --teal:#16A878;--teal-d:#0D7A58;--teal-l:#E6F7F1;
  --red:#E5484D;--red-d:#A32D2D;--red-l:#FEECEC;
  --blue:#3B82F6;--blue-l:#EFF6FF;
  --amber:#F59E0B;--amber-l:#FFFBEB;--amber-d:#92400E;
  --g1:#F1F5F9;--g2:#E2E8F0;--g3:#94A3B8;--g4:#64748B;--g5:#1E293B;
  --r:12px;--rs:8px;--sh:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.05);
  --shm:0 8px 32px rgba(0,0,0,.16);--font:system-ui,-apple-system,'Segoe UI',sans-serif;--sw:clamp(200px,15vw,260px);
}
[data-dark="1"]{
  --bg:#0D1117;--surf:#161B22;--surf2:#1C2430;
  --g1:#21262D;--g2:#30363D;--g3:#8B949E;--g4:#C9D1D9;--g5:#E6EDF3;
  --teal-l:#0D2B1F;--red-l:#2D0F0F;--blue-l:#0D1B3A;--amber-l:#2D1E00;
}
body{font-family:var(--font);background:var(--bg);color:var(--g5);min-height:100vh;font-size:clamp(14px,1.1vw,16px);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font);font-size:inherit}
button{cursor:pointer;border:none;background:none}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-thumb{background:var(--g2);border-radius:2px}