/* Design tokens — verbatim port of the artifact's `T` palette + fonts.
   Consumed as CSS custom properties throughout the app and by charts.js. */
:root {
  --bp-bg: #F7F7F9;
  --bp-surface: #FFFFFF;
  --bp-ink: #0A0A0B;
  --bp-sub: #52525B;
  --bp-muted: #545454;
  --bp-line: #ECECF0;
  --bp-line-soft: #F4F4F7;
  --bp-violet: #5509F8;
  --bp-violet-soft: rgba(85, 9, 248, 0.07);
  --bp-violet-line: rgba(85, 9, 248, 0.18);
  --bp-magenta: #F50FAF;
  --bp-magenta-soft: rgba(245, 15, 175, 0.07);
  --bp-green: #16A34A;
  --bp-green-soft: #E7F6EC;
  --bp-amber: #D97706;
  --bp-amber-soft: #FBF1E3;
  --bp-red: #DC2626;
  --bp-red-soft: #FBE9E9;
  --bp-blue: #2563EB;
  --bp-dark: #16161A;

  /* Categorical chart palette (artifact `CAT`). */
  --bp-cat-0: #5509F8;
  --bp-cat-1: #2563EB;
  --bp-cat-2: #16A34A;
  --bp-cat-3: #D97706;
  --bp-cat-4: #DC2626;
  --bp-cat-5: #0EA5E9;
  --bp-cat-6: #FF4500;
  --bp-cat-7: #9333EA;
  --bp-cat-8: #0891B2;

  --bp-font: 'Figtree', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --bp-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}