/* Be Invest — design tokens as CSS custom properties.
   Usage: paste this block (plus the contents of be-invest-fonts-base64.css)
   directly inside the <style> tag of any new HTML document — do not <link> to
   these files, artifacts must be self-contained with everything inlined. */

:root {
  --font-display: 'Space Grotesk', ui-sans-serif, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  --violet: #7A2BFF;
  --violet-bright: #A46BFF;
  --violet-dim: #6A3BC9;
  --violet-100: #E9DDFF;
  --violet-050: #F5F0FF;

  --paper: #FFFFFF;
  --paper-2: #F7F6FB;
  --text: #1B1A24;
  --muted: #7C7889;
  --line: #E7E3F0;
  --grid: #EEEBF4;
  --grid-2: #DCD6EB;

  --series-1: #7A2BFF;
  --series-2: #2D9CDB;
  --series-3: #E84B8A;
  --series-4: #F2994A;
  --series-5: #27AE60;
  --series-6: #12B0A0;

  --sev-estrutural: #7A2BFF;
  --sev-critico: #E84B8A;
  --sev-atencao: #F2994A;
  --sev-ok: #27AE60;

  --radius-btn: 10px;
  --radius-card: 14px;
  --radius-panel: 17px;
  --radius-pill: 999px;

  --shadow-card: 0 8px 30px rgba(11,10,18,.05);
  --shadow-violet: 0 4px 14px rgba(122,43,255,.3);
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0B0A12;
    --paper-2: #171425;
    --text: #EDEAF6;
    --muted: #9A95B0;
    --line: #28233E;
    --grid: #221D38;
    --grid-2: #2E2748;
    --violet-100: #2A1F45;
    --violet-050: #1E1834;
    --shadow-card: 0 8px 30px rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"] {
  --paper: #0B0A12; --paper-2: #171425; --text: #EDEAF6; --muted: #9A95B0;
  --line: #28233E; --grid: #221D38; --grid-2: #2E2748;
  --violet-100: #2A1F45; --violet-050: #1E1834;
  --shadow-card: 0 8px 30px rgba(0,0,0,.35);
}
:root[data-theme="light"] {
  --paper: #FFFFFF; --paper-2: #F7F6FB; --text: #1B1A24; --muted: #7C7889;
  --line: #E7E3F0; --grid: #EEEBF4; --grid-2: #DCD6EB;
  --violet-100: #E9DDFF; --violet-050: #F5F0FF;
  --shadow-card: 0 8px 30px rgba(11,10,18,.05);
}

/* pt-BR number formatting reminder: use Intl.NumberFormat('pt-BR', ...) in JS
   — milhar com ponto, decimal com vírgula (R$ 1.234,56 · 82,8%). */