/* ══════════════════════════════════════════════════════════════════
   ТОКЕНЫ НОВЫХ СТРАНИЦ БЛОГА

   Общий файл для раскладки статьи (css/article-v2.css) и страницы
   блога (css/blog-index-v2.css): палитра у них одна, и держать её
   в двух местах значило бы однажды развести.

   Подключается только этими двумя страницами, на остальной сайт
   имена --av-* не попадают. Объявлены на :root, а не на классе
   раскладки: липкие элементы стоят вне статьи и переменных
   с класса не видят.
   ══════════════════════════════════════════════════════════════════ */

:root {
  --av-brand: #3C4AFA;
  --av-brand-dark: #3040E8;
  --av-brand-text: #2E39C4;   /* текст на лавандовой подложке */
  --av-brand-050: #ECEEFE;    /* фон цитат, CTA, тегов */
  --av-brand-100: #D9DCFD;    /* аватар-заглушка, ::selection */
  --av-brand-300: #8B93FF;    /* маркеры на тёмном */

  --av-ink-900: #0E1116;
  --av-ink-800: #161B2B;
  --av-ink-700: #1B212B;
  --av-ink-600: #3C4553;
  --av-ink-500: #4A5361;
  --av-ink-400: #5B6472;
  --av-ink-300: #6A7383;
  --av-ink-200: #8A93A1;
  --av-ink-100: #A8AEBA;

  --av-line-200: #E6E8EC;
  --av-line-100: #EDEFF3;
  --av-surface-100: #F5F6F8;
  --av-surface-050: #FAFAFC;

  --av-ok-bg: #E3F7E9;
  --av-ok: #12693B;
  --av-warn-bg: #FFF1E6;
  --av-warn: #A24E07;

}