/* Design tokens. Two themes share every component; only these values change.
   «Прилад» = light, «Ніч» = dark. data-theme is set on <html> before first paint. */
:root, [data-theme="light"] {
  --bg: #E9EAE6;
  --card: #F7F7F4;
  --chip: #E1E2DD;
  --line: #D6D7D1;
  --line-strong: #A9AAA3;
  --grid: #E4E5E0;
  --ink: #121312;
  --muted: #75776F;
  --pos: #2E7D32;
  --neg: #C62828;
  --pos-bg: #E2EDDC;
  --neg-bg: #F4DEDB;
  --warn: #8C6100;
  --warn-bg: #F1E6C9;
  --info: #2B5FB8;
  --info-bg: #DFE7F4;
  --action: #121312;
  --action-ink: #D8FF3D;
  --link: #121312;
  --signal: #9BD000;
  --signal-ring: rgba(155, 208, 0, .25);
  --brand-accent: #D9433C;
  --sel: #EEF0E8;
  --card-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 1px 2px rgba(0, 0, 0, .05);
  --seg-shadow: 0 1px 2px rgba(0, 0, 0, .12);
  --dock-bg: rgba(247, 247, 244, .92);
  --dock-line: #D6D7D1;
  --dock-shadow: 0 12px 30px rgba(0, 0, 0, .12);
  --dock-ink: #55574F;
  --dock-on: #121312;
  --dock-on-ink: #D8FF3D;
  --overlay: rgba(18, 19, 18, .45);
  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #0E0F11;
  --card: #15171A;
  --chip: #1D2024;
  --line: #24272C;
  --line-strong: #3A3E45;
  --grid: #1B1D21;
  --ink: #ECEDEE;
  --muted: #80858D;
  --pos: #5BD08A;
  --neg: #FF6B5E;
  --pos-bg: rgba(91, 208, 138, .12);
  --neg-bg: rgba(255, 107, 94, .12);
  --warn: #F2B84B;
  --warn-bg: rgba(242, 184, 75, .12);
  --info: #7FA8FF;
  --info-bg: rgba(127, 168, 255, .12);
  --action: #C5FF3D;
  --action-ink: #0E0F11;
  --link: #C5FF3D;
  --signal: #C5FF3D;
  --signal-ring: rgba(197, 255, 61, .18);
  --brand-accent: #FF655D;
  --sel: #1B1E22;
  --card-shadow: none;
  --seg-shadow: none;
  --dock-bg: rgba(29, 32, 36, .85);
  --dock-line: #2C3036;
  --dock-shadow: 0 16px 40px rgba(0, 0, 0, .5);
  --dock-ink: #9AA0A8;
  --dock-on: #ECEDEE;
  --dock-on-ink: #0E0F11;
  --overlay: rgba(0, 0, 0, .6);
  color-scheme: dark;
}

:root {
  --font-ui: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --dock-h: 64px;
  --radius: 14px;
  --radius-sm: 9px;

}