/* Variáveis de cor (escuro e claro), reset, tipografia, scrollbar. */

:root {
  --bg: #0a0a0f;
  --bg2: #111118;
  --bg3: #1a1a24;
  --card: #16161f;
  --border: #2a2a3a;
  --border2: #3a3a50;
  --text: #f0f0f8;
  --text2: #9090b0;
  --text3: #5a5a7a;
  --accent: #c4f135;
  --accent2: #7c3aed;
  --accent3: #06d6a0;
  --danger: #ff4757;
  --warn: #ffa502;
  --info: #3b82f6;
  --green: #22c55e;
  --red: #ef4444;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 4px 24px rgba(0,0,0,0.4);
  --acc-ink: #c4f135;     /* texto/ícone na cor da marca (no claro vira verde-oliva, legível no branco) */
  --hover: rgba(255,255,255,0.03);
  --chip-t: #a78bfa;
  --card-shadow: none;
}
/* Modo claro: mesmas variáveis, outros valores */
:root[data-theme="light"] {
  --bg: #f5f6f8;
  --bg2: #eef0f4;
  --bg3: #eef0f4;
  --card: #ffffff;
  --border: #e3e6ec;
  --border2: #cfd4dd;
  --text: #14161c;
  --text2: #545b6e;
  --text3: #8a90a2;
  --danger: #dc2626;
  --warn: #d97706;
  --info: #2563eb;
  --green: #16a34a;
  --red: #dc2626;
  --shadow: 0 8px 30px rgba(16,24,40,0.12);
  --acc-ink: #4a6600;
  --hover: rgba(16,24,40,0.035);
  --chip-t: #6d28d9;
  --card-shadow: 0 1px 2px rgba(16,24,40,0.05), 0 1px 3px rgba(16,24,40,0.06);
}
.summary-card, .chart-card, .goal-card, .settings-card, .an-kpi { box-shadow: var(--card-shadow); }
.theme-btn { background: var(--card); border: 1px solid var(--border); color: var(--text); width: 38px; height: 36px; border-radius: 10px; cursor: pointer; font-size: 16px; flex-shrink: 0; }
.theme-btn:hover { border-color: var(--border2); }
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; background: var(--bg); color: var(--text); font-family: 'Inter', sans-serif; }
h1,h2,h3,h4 { font-family: 'Plus Jakarta Sans', sans-serif; }

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 4px; }