/* GENERATED by scripts/design_tokens.py from the Figma palette "Полночный индиго". Do not edit by hand:
   change the generator and rerun it. Light is the :root default; [data-theme="dark"] switches the whole set
   (the two themes are tuned separately, not inverted). A page that sets no data-theme should apply
   prefers-color-scheme itself (see the inline boot script in each HTML page). */

:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;

  --radius-small: 6px;
  --radius-medium: 10px;
  --radius-large: 16px;
  --radius-pill: 999px;

  --sidebar-w: 288px;
  --reading-w: 720px;
  --target-min: 40px;
  --icon-size: 24px;
  --line-ui: 1.4;
  --line-reading: 1.65;
}

:root {
  --bg: #F1F4F9;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: #E8EDF5;
  --ink: #17233D;
  --ink-soft: #44536D;
  --ink-faint: #5D6C84;
  --border: #76849B;
  --accent: #087579;
  --accent-hover: #066C70;
  --accent-active: #05585D;
  --accent-soft: #D9F3F1;
  --on-accent: #FFFFFF;
  --focus: #435FDE;
  --success: #23734D;
  --warning: #8C5A0B;
  --danger: #B83149;
  --info: #335FBD;
  --neutral: #5D6C84;
  --status-soft: #F8EBCF;
  --risk-clean: #365F83;
  --risk-caution: #8C5A0B;
  --risk-danger: #B83149;
  --risk-unscanned: #62617A;
  --strength-0: #747D99;
  --strength-1: #7774BE;
  --strength-2: #6253B5;
  --strength-3: #493798;
  --monaco-background: #F0F3FA;
  --monaco-selection: #CBD9FA;
  --monaco-cursor: #17233D;
  --monaco-comment: #596B83;
  --monaco-keyword: #6848AD;
  --monaco-string: #176B58;
  --monaco-number: #97551D;
  --monaco-function: #225CAD;
  --monaco-type: #7C427D;
  --drawflow-start: #28687B;
  --drawflow-step: #4260A5;
  --drawflow-condition: #896114;
  --drawflow-end: #684EA0;
  --drawflow-selected: #087579;
  --drawflow-connection: #62748F;
  --shadow-1: 0 2px 8px #17233D0A;
  --shadow-2: 0 8px 24px #17233D14;
  --shadow-3: 0 16px 48px #17233D24;
}

[data-theme="dark"] {
  --bg: #0E1525;
  --surface: #151F33;
  --surface-raised: #1C2940;
  --surface-sunken: #0A1120;
  --ink: #ECF1FA;
  --ink-soft: #BDC9DC;
  --ink-faint: #9AAAC3;
  --border: #657793;
  --accent: #4ED6CC;
  --accent-hover: #71E2D9;
  --accent-active: #35C0B8;
  --accent-soft: #173F46;
  --on-accent: #09252E;
  --focus: #9EACFF;
  --success: #83D4AA;
  --warning: #EDBC66;
  --danger: #FF8B9F;
  --info: #93B7FF;
  --neutral: #A1AEC5;
  --status-soft: #3D3223;
  --risk-clean: #9EC5EB;
  --risk-caution: #EDBC66;
  --risk-danger: #FF8B9F;
  --risk-unscanned: #BCB6DC;
  --strength-0: #8793B7;
  --strength-1: #9B9BDD;
  --strength-2: #B1A0EE;
  --strength-3: #C6B4FF;
  --monaco-background: #0B1324;
  --monaco-selection: #304774;
  --monaco-cursor: #ECF1FA;
  --monaco-comment: #9AAAC3;
  --monaco-keyword: #C2A5FF;
  --monaco-string: #8AD8B1;
  --monaco-number: #F0BB85;
  --monaco-function: #91BEFF;
  --monaco-type: #E3A4D8;
  --drawflow-start: #78BDCE;
  --drawflow-step: #91AFF2;
  --drawflow-condition: #EDBC66;
  --drawflow-end: #C2A5FF;
  --drawflow-selected: #4ED6CC;
  --drawflow-connection: #91A5C4;
  --shadow-1: 0 0 0 1px #657793;
  --shadow-2: 0 8px 24px #00000066;
  --shadow-3: 0 16px 48px #00000080;
}

:root { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }