/* Палитра, шрифты и размеры Tihokot — единственное место, где задаются цвета.
   Тёмная тема (дизайн «матовый чёрный кот»), светлой нет намеренно. */
:root {
  color-scheme: dark;
  --ink:      #0d0e11;   /* матовый чёрный кот */
  --graphite: #17191e;   /* плитка иконки */
  --slate:    #23262d;   /* приподнятые поверхности */
  --line:     #30343c;
  --fog:      #9aa1ad;   /* приглушённый текст, голубоватый как отблеск в глазах */
  --milk:     #eef0f4;   /* основной текст */
  --glint:    #a9c4ff;   /* блик в глазах кота — единственный акцент */
  --warn:     #e3a35a;   /* предупреждение: лимит близко */
  --bad:      #ef7d74;   /* ошибка */
  --live:     #5ccf8f;   /* рамка режима «Кандидат» — как в программе */

  --display: "Unbounded", "Arial Rounded MT Bold", system-ui, sans-serif;
  --body:    "Onest", -apple-system, "Segoe UI", system-ui, sans-serif;
  --mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --step--1: 0.875rem;
  --step-0:  1.0625rem;
  --step-1:  1.3125rem;
  --step-2:  1.75rem;
  --step-3:  clamp(2.1rem, 4.6vw, 3.4rem);
  --radius:  18px;
}