/* Business Bagel colours · Brand Kit 2.0 · 27 October 2026. Paste into any stylesheet. */
:root{
  --bb-royal: #2C42E6;
  --bb-ink: #15171C;
  --bb-paper: #F4F5F8;
  --bb-lime: #C9F23E;
  --bb-navy: #191F30;
  --bb-white: #FFFFFF;
  --bb-royal-deep: #2436C7;
  --bb-ink-soft: #565C70;
  --bb-slate: #646A7C;
  --bb-mute: #7A8090;
  --bb-line: #E6E8EF;
  --bb-card: #EEF0F7;
  --bb-on-dark: #B9BED0;
  --bb-royal-50: #F3F7FF;
  --bb-royal-100: #E6EDFE;
  --bb-royal-200: #CCDAFF;
  --bb-royal-300: #A8BFFD;
  --bb-royal-400: #7698FD;
  --bb-royal-500: #476AFC;
  --bb-royal-600: #2C42E6;
  --bb-royal-700: #2436C7;
  --bb-royal-800: #1924A1;
  --bb-royal-900: #101A75;
  --bb-royal-950: #08104C;
  --bb-grey-0: #FFFFFF;
  --bb-grey-50: #F4F5F8;
  --bb-grey-100: #EEF0F7;
  --bb-grey-200: #E6E8EF;
  --bb-grey-300: #D8DDEC;
  --bb-grey-400: #B9BED0;
  --bb-grey-500: #7A8090;
  --bb-grey-600: #646A7C;
  --bb-grey-700: #565C70;
  --bb-grey-800: #2E3240;
  --bb-grey-900: #191F30;
  --bb-grey-950: #15171C;
  --bb-chart-1: #2C42E6; /* Royal */
  --bb-chart-2: #EB6834; /* Orange */
  --bb-chart-3: #1BAF7A; /* Aqua */
  --bb-chart-4: #EDA100; /* Yellow */
  --bb-chart-5: #E87BA4; /* Magenta */
  --bb-chart-6: #008300; /* Green */
  --bb-chart-7: #6250D6; /* Violet */
  --bb-chart-8: #E34948; /* Red */
  --bb-market-up: #0E7C66;
  --bb-market-down: #C4342D;
  --bb-display: 'Archivo', 'Arial Black', Arial, sans-serif;
  --bb-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --bb-mono: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
  --bb-serif: 'Lora', Georgia, 'Times New Roman', serif;
}
/* Charts on navy (#191F30): swap the series colours */
.bb-dark{
  --bb-chart-1: #476AFC;
  --bb-chart-2: #D95926;
  --bb-chart-3: #199E70;
  --bb-chart-4: #C98500;
  --bb-chart-5: #D55181;
  --bb-chart-6: #008300;
  --bb-chart-7: #9085E9;
  --bb-chart-8: #E66767;
}