/* Design tokens. Dark is the default theme; [data-theme="light"] overrides.
   Group colours (--g-*) and chain colours (--c-*) are chart identities:
   group slots were validated for CVD separation in both modes (adjacent
   order exec → detector → data → coverage → notspread; scope is a neutral
   fold). Money: --pos / --neg only for profit / loss text. */

:root {
  color-scheme: dark;
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;

  --bg: #0e1218;
  --panel: #141922;
  --panel-2: #1a202b;
  --hover: #202736;
  --line: #232a37;
  --line-2: #313a4b;
  --text: #e8ebf1;
  --text-2: #a3acbd;
  --text-3: #727c90;
  --accent: #f0b54a;
  --accent-ink: #1d1505;
  --accent-soft: rgb(240 181 74 / 0.14);
  --focus: #f6c86c;
  --pos: #3ecf8e;
  --neg: #f47272;
  --warn: #f0a35a;
  --ok: #3ecf8e;
  --crit: #f47272;
  --scrim: rgb(5 8 12 / 0.55);
  --shadow: 0 12px 40px rgb(0 0 0 / 0.45), 0 0 0 1px var(--line);

  --g-exec: #3987e5;
  --g-detector: #d95926;
  --g-data: #9085e9;
  --g-coverage: #c98500;
  --g-notspread: #d55181;
  --g-scope: #586174;
  --g-none: #3f4656;

  --c-ethereum: #7385e8;
  --c-base: #2f6bff;
  --c-polygon: #9b62ee;
  --c-arbitrum: #2b9fe0;
  --c-apechain: #c48a1e;
  --c-abstract: #1fae80;
  --c-ink: #c45bd6;
  --c-avalanche: #e5484d;
  --c-optimism: #ff5a6e;
  --c-zora: #3fb8c7;
  --c-shape: #d9b44a;
  --c-unichain: #f04fc3;
  --c-soneium: #5aa9ff;
  --c-sei: #d0574f;
  --c-ronin: #4a90f0;
  --c-flow: #2fd88a;
  --c-hyperevm: #5fd9c0;
  --c-robinhood: #b6e021;
  --c-monad: #9483f7;
  --c-megaeth: #c9cdd6;
  --c-berachain: #d08a4c;
  --c-gunz: #f0743a;
  --c-animechain: #ff8fb8;
  --c-somnia: #c084fc;
  --c-stable: #4cc38a;
  --c-arc: #61d0ff;
  --c-other: #5f6879;

  --heat-0: #1a202b;
  --heat-1: #3a2f17;
  --heat-2: #6b5019;
  --heat-3: #ad7c25;
  --heat-4: #f0b54a;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --gutter: 24px;
  --topbar: 56px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f5f7;
  --panel: #ffffff;
  --panel-2: #f2f4f7;
  --hover: #eceff4;
  --line: #e2e6ec;
  --line-2: #cfd5de;
  --text: #121821;
  --text-2: #4a5466;
  --text-3: #6c7586;
  --accent: #a8700c;
  --accent-ink: #ffffff;
  --accent-soft: rgb(196 138 30 / 0.13);
  --focus: #a8700c;
  --pos: #0f8a4f;
  --neg: #c93636;
  --warn: #b25f0d;
  --ok: #0f8a4f;
  --crit: #c93636;
  --scrim: rgb(18 24 33 / 0.28);
  --shadow: 0 12px 40px rgb(18 24 33 / 0.14), 0 0 0 1px var(--line);

  --g-exec: #2a78d6;
  --g-detector: #eb6834;
  --g-data: #6250d6;
  --g-coverage: #eda100;
  --g-notspread: #e87ba4;
  --g-scope: #a3aab7;
  --g-none: #c9ced8;

  --c-ethereum: #5468d4;
  --c-base: #0052ff;
  --c-polygon: #7b3fe4;
  --c-arbitrum: #1c86c4;
  --c-apechain: #b07a12;
  --c-abstract: #0e9467;
  --c-ink: #a63fbb;
  --c-avalanche: #d93a3f;
  --c-optimism: #e0123a;
  --c-zora: #13899a;
  --c-shape: #a8820f;
  --c-unichain: #d4129f;
  --c-soneium: #1f7ae0;
  --c-sei: #a3261f;
  --c-ronin: #1265d1;
  --c-flow: #0b9e5e;
  --c-hyperevm: #13937c;
  --c-robinhood: #6f8f00;
  --c-monad: #6a52e6;
  --c-megaeth: #4a5060;
  --c-berachain: #9a5a22;
  --c-gunz: #cf4f12;
  --c-animechain: #d1497a;
  --c-somnia: #8b46d6;
  --c-stable: #188a55;
  --c-arc: #0f8fc4;
  --c-other: #9aa2b1;

  --heat-0: #eceff3;
  --heat-1: #f8e6bf;
  --heat-2: #f0c86f;
  --heat-3: #d39a2c;
  --heat-4: #9a6609;
}