@charset "UTF-8";
:root {
  /* surfaces */
  --surface: #f0f3f5;
  /* фон страницы/секций */
  --surface-raised: #ffffff;
  /* карточки, модалки, инпуты */
  --surface-sunken: #f0f3f5;
  /* утопленные блоки/чипсы */
  --surface-inverse: #000000;
  /* тёмные кнопки/поп-апы (инвертируются в dark) */
  --surface-muted: #5f6c75;
  /* серый фон (footer, select) — остаётся тёмным в dark */
  --surface-subtle: #a1aeb3;
  /* светло-серый фон пилюль/бабблов/бейджей */
  --surface-accent-hover: #6c7982;
  /* text */
  --text: #000000;
  --text-muted: #5f6c75;
  --text-subtle: #a1aeb3;
  /* объединяет #a1aeb2, #a1a1a1 */
  --text-on-inverse: #ffffff;
  /* текст на surface-inverse (кнопка --dark) — инвертируется вместе с ней */
  --text-on-muted: #ffffff;
  /* текст на surface-muted (footer/select) — светлый в обеих темах */
  --text-subtle-on-muted: #a1aeb2;
  /* приглушённый текст на surface-muted (подписи футера) */
  --text-link-hover: #6c7982;
  /* icons */
  --icon: #000000;
  --icon-muted: #5f6c75;
  --icon-on-inverse: #ffffff;
  /* borders */
  --border: #d3dcdf;
  /* объединяет #c5cacf */
  --border-strong: #a1aeb3;
  /* accent / state */
  --accent: #5f6c75;
  --accent-hover: #6c7982;
  --danger: #ff3b30;
  /* utility */
  --scrollbar-thumb: #000000;
  --scrollbar-track: #ffffff;
  --shadow-color: rgba(95, 108, 117, .2);
  --overlay: rgba(0, 0, 0, .85);
  /* плотный бэкдроп модалок/поп-апов */
  --overlay-soft: rgba(0, 0, 0, .2);
  /* лёгкий тинт/скрим */
  color-scheme: light;
}

:root[data-theme="dark"] {
  /* surfaces */
  --surface: #14181b;
  --surface-raised: #1e2428;
  --surface-sunken: #262d32;
  --surface-inverse: #e8edf0;
  /* «инверсная» поверхность в dark светлеет, чтобы кнопка не сливалась */
  --surface-muted: #2b3237;
  --surface-subtle: #3d474e;
  --surface-accent-hover: #3a444b;
  /* text */
  --text: #e8edf0;
  --text-muted: #9aa7ae;
  --text-subtle: #6c7982;
  --text-on-inverse: #14181b;
  --text-on-muted: #e8edf0;
  --text-subtle-on-muted: #9aa7ae;
  --text-link-hover: #c3ced3;
  /* icons */
  --icon: #e8edf0;
  --icon-muted: #9aa7ae;
  --icon-on-inverse: #14181b;
  /* borders */
  --border: #2f373d;
  --border-strong: #3d474e;
  /* accent / state */
  --accent: #8fa0a8;
  --accent-hover: #a6b6bd;
  --danger: #ff5c52;
  /* utility */
  --scrollbar-thumb: #4a555c;
  --scrollbar-track: #1e2428;
  --shadow-color: rgba(0, 0, 0, .6);
  --overlay: rgba(0, 0, 0, .9);
  --overlay-soft: rgba(0, 0, 0, .4);
  color-scheme: dark;
}

/*# sourceMappingURL=tokens.css.map */