/* Cores tokens via CSS custom properties — usado pelo Chart.js */
:root {
  --bg: #020617;          /* slate-950 */
  --surface: #0f172a;     /* slate-900 */
  --border: #1e293b;      /* slate-800 */
  --text: #f4f4f5;        /* zinc-100 */
  --text-muted: #a1a1aa;  /* zinc-400 */
  --positive: #34d399;    /* emerald-400 */
  --negative: #fb7185;    /* rose-400 */
  --link: #38bdf8;        /* sky-400 */
  --warning: #fbbf24;     /* amber-400 */
}

html.light {
  --bg: #ffffff;
  --surface: #f8fafc;
  --border: #e2e8f0;
  --text: #0f172a;
  --text-muted: #64748b;
  --positive: #059669;
  --negative: #e11d48;
  --link: #0284c7;
  --warning: #d97706;
}

body {
  background-color: var(--bg);
  color: var(--text);
  font-family: 'Inter', -apple-system, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.font-mono {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
}

[x-cloak] {
  display: none !important;
}