/* Design tokens: Домашний пульт — generated by ui-studio/scripts/tokens.py.
   Edit the JSON spec and regenerate instead of editing this file. */

:root {
  color-scheme: light;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --fs-1: 12px;
  --fs-2: 13px;
  --fs-3: 15px;
  --fs-4: 17px;
  --fs-5: 20px;
  --fs-6: 24px;
  --fs-7: 32px;
  --fs-hero: 48px;
  --lh: 1.45;
  --lh-tight: 1.2;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;
  --r-1: 5px;
  --r-2: 10px;
  --r-3: 16px;
  --r-full: 999px;
  --tap: 44px;
  --row: 48px;
  --header-h: 56px;
  --bottom-h: 64px;
  --sidebar-w: 232px;
  --content-max: 1240px;
  --dur-1: 120ms;
  --dur-2: 200ms;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --bg: #f9f6f2;
  --surface: #fffefc;
  --surface-2: #f2f0ec;
  --surface-3: #e8e6e2;
  --border: #dbd9d5;
  --border-strong: #bfbdb9;
  --grid: #e5e3de;
  --axis: #c6c4c0;
  --accent-soft: #e5efff;
  --ok-soft: #dcf8d9;
  --warn-soft: #ffecce;
  --serious-soft: #ffe9e1;
  --bad-soft: #ffe9e6;
  --text: #1a1815;
  --text-2: #504e4b;
  --muted: #6c6a66;
  --accent-text: #ffffff;
  --accent: #3370c7;
  --accent-hover: #2460b7;
  --focus: #4b88e2;
  --shadow: 0 1px 2px rgba(20, 20, 18, 0.06), 0 6px 20px rgba(20, 20, 18, 0.07);
  --overlay: rgba(20, 20, 18, 0.45);
  --ok: #0ca30c;
  --ok-text: #137811;
  --warn: #fab219;
  --warn-text: #835b00;
  --serious: #ec835a;
  --serious-text: #a24013;
  --bad: #d03b3b;
  --bad-text: #ac3030;
  --series-1: #2a78d6;
  --series-2: #eb6834;
  --series-3: #1baf7a;
  --series-4: #eda100;
  --series-5: #e87ba4;
  --series-6: #008300;
  --series-7: #6250d6;
  --series-8: #e34948;
}

@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) {
    color-scheme: dark;
    --bg: #0d0c09;
    --surface: #161512;
    --surface-2: #1f1e1b;
    --surface-3: #2a2926;
    --border: #2f2e2a;
    --border-strong: #494744;
    --grid: #272522;
    --axis: #3e3d3a;
    --accent-soft: #1a2e4c;
    --ok-soft: #132e11;
    --warn-soft: #352200;
    --serious-soft: #3e1b0d;
    --bad-soft: #3f1917;
    --text: #f0eeea;
    --text-2: #bfbdb9;
    --muted: #989693;
    --accent-text: #13110f;
    --accent: #609efa;
    --accent-hover: #79afff;
    --focus: #79afff;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    --overlay: rgba(0, 0, 0, 0.6);
    --ok: #0ca30c;
    --ok-text: #73c16d;
    --warn: #fab219;
    --warn-text: #da9f2d;
    --serious: #ec835a;
    --serious-text: #f48a61;
    --bad: #d03b3b;
    --bad-text: #f7857d;
    --series-1: #3987e5;
    --series-2: #d95926;
    --series-3: #199e70;
    --series-4: #c98500;
    --series-5: #d55181;
    --series-6: #008300;
    --series-7: #9085e9;
    --series-8: #e66767;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0d0c09;
  --surface: #161512;
  --surface-2: #1f1e1b;
  --surface-3: #2a2926;
  --border: #2f2e2a;
  --border-strong: #494744;
  --grid: #272522;
  --axis: #3e3d3a;
  --accent-soft: #1a2e4c;
  --ok-soft: #132e11;
  --warn-soft: #352200;
  --serious-soft: #3e1b0d;
  --bad-soft: #3f1917;
  --text: #f0eeea;
  --text-2: #bfbdb9;
  --muted: #989693;
  --accent-text: #13110f;
  --accent: #609efa;
  --accent-hover: #79afff;
  --focus: #79afff;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  --overlay: rgba(0, 0, 0, 0.6);
  --ok: #0ca30c;
  --ok-text: #73c16d;
  --warn: #fab219;
  --warn-text: #da9f2d;
  --serious: #ec835a;
  --serious-text: #f48a61;
  --bad: #d03b3b;
  --bad-text: #f7857d;
  --series-1: #3987e5;
  --series-2: #d95926;
  --series-3: #199e70;
  --series-4: #c98500;
  --series-5: #d55181;
  --series-6: #008300;
  --series-7: #9085e9;
  --series-8: #e66767;
}