/* Токены интерфейса — `UIF-DS-18` (набор «Координата») и `UIF-DS-19` (тёмная тема).
   Единственное место продукта, где цвет объявляется литералом: всё остальное
   обязано ссылаться на переменную (`EP-VRT0-01` §3.5, критерий §6 «ни одного цвета
   вне набора токенов»). Вторая тема и переключатель принадлежат `EP-VRT2-03` и
   здесь не объявляются: набор токенов и тема — разные оси (`UIF-DS-18`). */

:root {
  /* --- UIF-DS-19, тёмная тема: цвет ------------------------------------- */
  --bg: #0b1326;
  --surface: #131b2e;
  --surface-2: #171f33;
  --surface-3: #222a3d;
  --surface-4: #2d3449;
  --border: #2d3449;
  --border-strong: #3f4a63;
  --text: #dae2fd;
  --text-2: #96a3c2;
  --text-3: #7f91b9;
  --accent: #00dce5;
  --accent-dim: #00696e;
  --map-land: #16203a;
  --map-water: #0a1122;
  --map-line: #23304f;
  --map-label: #4b5b80;
  --st-att-fresh: #cbb2ff;
  --st-att-extrap: #9575d6;
  --st-att-stale: #5b4a8c;
  --st-bg-fresh: #8b9bb5;
  --st-bg-extrap: #5b697f;
  --st-bg-stale: #333d52;
  --st-alert: #ff4d4d;
  --sel-halo: #00f5ff;
  --fav-halo: #ffc233;
  --xpdr-a: #ffd11a;
  --xpdr-b: #ff2d20;
  --xpdr-halo: #ff2d20;
  --mk-contrast: rgba(6, 12, 28, 0.85);
  --ok: #4edea3;
  --warn: #ffba20;
  --danger: #ff6b6b;
  --nd-untracked: #1c2438;
  --nd-gap: #ff4d4d;
  --nd-legs: #6b5aa6;
  --nd-outside: #10182b;
  --nd-partial: #8a7ad6;
  --nd-full: #cbb2ff;
  --nd-future: #2a3550;
  --shadow: 0 8px 32px rgba(0, 0, 0, 0.45);

  /* --- UIF-DS-18: типографика ------------------------------------------- */
  --type-micro: 9.5px;
  --type-caption: 10.5px;
  --type-label: 11.5px;
  --type-control: 12.5px;
  --type-body: 13.5px;
  --type-subtitle: 16px;
  --type-title: 19px;
  --leading: 1.46;
  --font-ui: Verdana, Geneva, sans-serif;
  --font-mono: 'DejaVu Sans Mono', 'Liberation Mono', monospace;

  /* --- UIF-DS-18: пространство ------------------------------------------ */
  --sp-1: 3px;
  --sp-2: 5px;
  --sp-3: 8px;
  --sp-4: 11px;
  --sp-5: 17px;
  --sp-6: 24px;
  --radius-sm: 0;
  --radius: 0;
  --radius-lg: 0;
  --border-thin: 1px;
  --border-strong-w: 3px;
  --focus-w: 3px;

  /* --- UIF-DS-18: глубина ------------------------------------------------ */
  --depth-panel: none;
  --depth-att: drop-shadow(2px 2px 0 rgba(0, 0, 0, 0.42));
  --depth-selected: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
  --depth-drag: none;

  /* --- UIF-DS-18: взаимодействие ---------------------------------------- */
  --ctl-hover: var(--surface-4);
  --ctl-pressed: var(--accent-dim);
  --ctl-focus: var(--accent);
  --ctl-disabled: 0.42;
  --ctl-error: var(--danger);
}