/* THEME — change colours, fonts and sizes here to restyle the whole app.
   Screens only use these names, so a redesign starts and mostly ends in this file. */
:root {
  --bg: #0E1116;
  --surface: #171B22;
  --surface-2: #12161C;
  --line: #262C36;
  --line-strong: #3A4250;
  --text: #E8EAED;
  --text-dim: #9AA4B1;
  --text-soft: #C7CDD4;
  --accent: #2B6CB0;
  --accent-text: #7DB8FF;
  --chip-bg: #1E2A3A;
  --chip-text: #A9D0FF;
  --vol-bg: #2A2418;
  --vol-text: #FBD38D;
  --profit: #4ADE80;
  --loss: #F87171;
  --warn: #FBBF24;
  --sell-half-bg: #3A2A12;
  --sell-all-bg: #4A1D1D;
  --sell-all-text: #FCA5A5;
  --font: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --radius: 14px;
  --radius-sm: 10px;
  --tap: 44px;
}