/* Арканатсал - токены дизайн-системы
   Единственный источник истины по цвету, типографике и ритму.
   Менять значения здесь, а не в компонентах. */

:root{
  /* Цвет. Тёплый - это свет, холодный - это данные. Другой логики нет. */
  --void:#04060A;        /* фон, глубокий сине-чёрный */
  --panel:#080C12;       /* поверхность блока */
  --line:#141C26;        /* разделитель */
  --line-2:#1E2937;      /* разделитель под курсором */
  --text:#DCE3EA;        /* основной текст */
  --text-dim:#98A3AE;    /* вторичный текст */
  --muted:#7A858F;       /* служебные подписи, контраст к фону 5,1:1 */
  --signal:#7FD3E8;      /* холодный: данные, состояние, служебное */
  --flare:#F2A15C;       /* тёплый: свет, действие, интерпретация */

  /* Типографика */
  --display:"Unbounded","Onest",-apple-system,BlinkMacSystemFont,sans-serif;
  --sans:"Onest",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --fs-hero:clamp(28px,3.6vw,46px);
  --fs-h2:clamp(20px,2.2vw,26px);
  --fs-body:16px;
  --fs-small:13px;
  --fs-data:11px;
  --fs-label:9.5px;

  --ls-brand:.28em;   /* межбуквенное для бренда и рубрик */
  --ls-label:.16em;
  --ls-data:.03em;

  /* Ритм: шаг 4 px */
  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px;
  --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px;
  --s-12:48px; --s-16:64px;

  /* Сетка */
  --aside-w:340px;
  --measure:62ch;      /* предельная длина строки текста */

  /* Движение */
  --ease:cubic-bezier(.2,.6,.2,1);
  --fast:.16s;
  --slow:.4s;
}