/* Общие токены дизайнгоста — ЕДИНСТВЕННЫЙ ИСТОЧНИК для сайта и Контура (правило: docs/design-system-bridge.md).
   Сайт подключает этот файл первым: <link rel="stylesheet" href="/ui/tokens.css?v=1">; свои токены страница задаёт после.
   Контур держит точную копию этих значений в kontur/portal/assets/kontur.css (его страницы открываются и на других доменах,
   где /ui/ недоступен); расхождение ловит ops/ds/tokens-check.py. Figma — отражение (kontur/tools/figma).
   Различия профилей (ширина --col, плотность) — не здесь, а в файлах профилей: сайт — страницы, Контур — kontur.css. */
:root {
  /* Поверхности и текст */
  --bg: #0B0B0B;
  --slab: #141414;
  --slab-hi: #1B1B1B;
  --module-hi: #212120;
  --line: #2A2A28;
  --ink: #EDEDEA;
  --ink-2: #B4B4AF;
  --muted: #8E8E89;
  --text-meta: rgba(244,244,241,.72);
  --text-placeholder: rgba(244,244,241,.6);
  --text-error: #F4B3A1;
  --error-ring: #F0A08A;
  --acc: #F07A45;
  /* Стекло и поля */
  --glass-tile: rgba(255,255,255,.04);
  --glass-hover: rgba(255,255,255,.06);
  --glass-on: rgba(255,255,255,.12);
  --chip-bg: rgba(255,255,255,.1);
  --control-field: rgba(255,255,255,.08);
  --control-field-hi: rgba(255,255,255,.11);
  --control-field-focus: rgba(255,255,255,.13);
  --focus-ring: rgba(244,244,241,.75);
  /* Кнопки */
  --btn-h: 44px;
  --btn-r: 12px;
  --btn-pri: #F4F4F1;
  --btn-pri-hi: #FFFFFF;
  --btn-pri-ink: #0B0B0B;
  --btn-sec: rgba(255,255,255,.1);
  --btn-sec-hi: rgba(255,255,255,.17);
  --btn-sec-ink: #F4F4F1;
  /* Форма и ритм */
  --r: 16px;
  --r-tile: 18px;
  --r-in: 10px;
  --r-pill: 999px;
  --seam: 4px;
  --bar-h: 56px;
  /* Типографика */
  --sans: "Golos Text",system-ui,sans-serif;
  --mono: "IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --t-body: 15px;
  --t-small: 13px;
  --t-label: 12px;
  --lh-text: 1.55;
  /* Движение */
  --dur: .2s;
  --ease: cubic-bezier(.2,.7,.2,1);
}
