/* Semantic design tokens. Runtime CSS is the single source of truth. */
:root {
  color-scheme: dark;
  --bg: #0e141e;
  --sidebar: #0b111a;
  --surface: #151e2b;
  --surface-raised: #1a2534;
  --input: #101824;
  --border: #293547;
  --border-soft: #222e3e;
  --text: #edf2f8;
  --muted: #a0aec1;
  --subtle: #8797ad;
  --accent: #f5a17c;
  --accent-hover: #ffb58f;
  --accent-text: #281b17;
  --accent-soft: #2b2426;
  --positive: #8ee2c1;
  --positive-soft: #193a31;
  --warning: #f2ce85;
  --warning-soft: #342c1c;
  --negative: #ff9dA7;
  --negative-soft: #38242b;
  --info: #a1c8f2;
  --info-soft: #1c2d43;
  --profit-bg: linear-gradient(125deg, #213c36, #17262d 78%);
  --profit-border: #35584c;
  --profit-text: #b3cfbf;
  --recommend-bg: #272325;
  --recommend-border: #524037;
  --overlay: #050910bb;
  --shadow: 0 8px 28px #00000018;
  --fees-color: #a094db;
  --ads-color: #eab771;
  --own-color: #c3a696;
  --ship-color: #80b9da;
  --profit-color: #8bd9b5;
  --radius: 14px;
  --sidebar-width: 224px;
  --topbar-height: 72px;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
:root[data-theme='light'] {
  color-scheme: light;
  --bg: #f5f6f8;
  --sidebar: #ffffff;
  --surface: #ffffff;
  --surface-raised: #f1f4f8;
  --input: #fbfcfe;
  --border: #d6dfe8;
  --border-soft: #e5eaf0;
  --text: #1b293b;
  --muted: #53647a;
  --subtle: #607086;
  --accent: #a3411f;
  --accent-hover: #893514;
  --accent-text: #ffffff;
  --accent-soft: #f9ece5;
  --positive: #147451;
  --positive-soft: #e4f4eb;
  --warning: #8b5b08;
  --warning-soft: #fff3d9;
  --negative: #b92a42;
  --negative-soft: #ffedf0;
  --info: #2562a0;
  --info-soft: #eaf2fb;
  --profit-bg: linear-gradient(125deg, #edf8f1, #f6fbf9 78%);
  --profit-border: #bcdcc9;
  --profit-text: #486b5a;
  --recommend-bg: #fff7f1;
  --recommend-border: #efd2bd;
  --overlay: #18283c88;
  --shadow: 0 6px 24px #263b5510;
  --fees-color: #8879c4;
  --ads-color: #d99c47;
  --own-color: #ad8f7b;
  --ship-color: #5a9abe;
  --profit-color: #51ae88;
}