/* Design tokens. Change colours, fonts and spacing here only. */
:root {
  --brand: #5B5CE2;          /* indigo accent (buttons, links, active tabs, logo) */
  --brand-ink: #ffffff;
  --brand-soft: #ECECFD;
  --brand-hover: #4A4BD0;
  --accent: #5B5CE2;

  --bg: #F3F4F8;
  --surface: #FFFFFF;
  --surface-2: #F5F6FA;     /* shaded rows, chips */
  --line: #E6E8EF;
  --line-strong: #D5D8E2;
  --ink: #1F2233;
  --ink-2: #4E5466;
  --ink-3: #8389A0;

  --up: #1C9A5A;
  --down: #D14343;
  --warn-bg: #FFF7E6;
  --warn-ink: #7A4B00;

  --chart-line: #5B5CE2;
  --chart-bar: #D3D5F8;
  --chart-dma50: #F0A43A;
  --chart-dma200: #2BB3A3;
  --band-cheap: #1C9A5A;
  --band-fair: #BFC3D6;
  --band-rich: #D14343;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --caps: 0.12em;           /* letter spacing for uppercase labels */

  --r-sm: 6px;
  --r: 10px;
  --r-lg: 16px;
  --shadow: 0 1px 2px rgba(31, 34, 51, .04), 0 6px 24px rgba(31, 34, 51, .06);
  --shadow-pop: 0 10px 34px rgba(31, 34, 51, .16);

  --header-h: 64px;
  --subnav-h: 48px;
  --tabbar-h: 58px;
  --maxw: 1240px;
}

:root[data-theme="dark"] {
  --brand: #8486FF;
  --brand-ink: #10112A;
  --brand-soft: #23244A;
  --brand-hover: #9A9CFF;
  --accent: #9A9CFF;
  --bg: #0F1015;
  --surface: #181A22;
  --surface-2: #20232D;
  --line: #2A2D39;
  --line-strong: #3A3E4C;
  --ink: #ECEDF3;
  --ink-2: #B4B8C7;
  --ink-3: #848A9E;
  --up: #3FC383;
  --down: #F07070;
  --warn-bg: #2B2410;
  --warn-ink: #E9C77B;
  --chart-line: #8E90FF;
  --chart-bar: #3B3E70;
  --band-fair: #4A4D5C;
  --shadow: none;
  --shadow-pop: 0 10px 34px rgba(0, 0, 0, .5);
}