/* Цвета сайта — одна палитра, снятая с главной (home/reflect.css, home/home.css, шапка header.css).
   Замечание владельца 28.09 «палитра отходит от главной фоном», docs/CHANGES.md Ц1.
   Head.astro ставит этот файл первым файлом стилей каждой страницы со своими стилями (withTokens, src/lib/head.ts);
   стили шаблонов (site.css, articles.css, ratings.css, hub.css, main.css, архив Telegram, header.css) берут цвета
   отсюда — их собственные переменные ссылаются на эти. Новый цвет сначала появляется здесь.
   theme-color страниц (SITE.themeColor, src/site.ts) = --d8-bg; verify сверяет (scripts/checks/palette.mjs). */
:root{
  /* сайт только тёмный (Т31): поля, списки, флажки и полосы прокрутки браузер рисует тёмными при любой теме ОС
     (мета color-scheme «dark» — Head.astro, home/head.ts); флажки и радиокнопки — лиловые */
  color-scheme:dark;
  accent-color:var(--d8-violet);

  /* страница: ровный фон главной, без свечений и текстур (свечения — только у героев, как на главной) */
  --d8-bg:#030014;
  --d8-bg-glass:rgba(3,0,20,.72);          /* полупрозрачные панели поверх страницы: шапка */
  --d8-bg-glass-strong:rgba(3,0,20,.94);   /* почти сплошные: открытое меню, липкие панели */
  --d8-overlay:rgba(3,0,20,.82);           /* затемнение страницы под окном 18+ и окном перехода (с размытием) */

  /* поверхности — белый поверх фона */
  --d8-surface-1:rgba(255,255,255,.02);    /* «пилюля» меню шапки */
  --d8-surface-2:rgba(255,255,255,.03);    /* чипы, строки списков, вложенные блоки (чипы поиска главной) */
  --d8-surface-3:rgba(255,255,255,.04);    /* карточки, панели, лист статьи (карточки «о проекте» главной) */
  --d8-surface-4:rgba(255,255,255,.06);    /* кнопки, поля, шапки таблиц */
  --d8-surface-5:rgba(255,255,255,.08);    /* наведение, выбранное */
  --d8-surface-card:linear-gradient(180deg,var(--d8-surface-5),var(--d8-surface-2)); /* карточка с бликом сверху */

  /* линии */
  --d8-line-1:rgba(255,255,255,.06);
  --d8-line-2:rgba(255,255,255,.08);       /* основная рамка главной */
  --d8-line-3:rgba(255,255,255,.12);       /* рамка карточки */

  /* текст */
  --d8-text-1:#f4f0ff;                     /* заголовки, выделенное */
  --d8-text-2:rgba(239,237,253,.72);       /* основной текст */
  --d8-text-3:rgba(239,237,253,.6);        /* второстепенный: подписи, даты, крошки */
  --d8-text-halo:0 0 3px rgba(3,0,20,.9),0 0 12px rgba(3,0,20,.9); /* ореол текста на кадре чёрной дыры (как у подзаголовка героя главной) */

  /* акценты */
  --d8-violet:#ba9cff;
  --d8-pink:#e59cff;
  --d8-blue:#9cb2ff;
  --d8-lilac:#cfb8ff;
  --d8-accent-bg:rgba(186,156,255,.08);    /* лиловая подложка: врезки, метки */
  --d8-accent-bg-strong:rgba(186,156,255,.16); /* выбранный пункт (раздел в шапке) */
  --d8-accent-line:rgba(186,156,255,.32);  /* рамка при наведении, выбранного */
  --d8-gradient:linear-gradient(100deg,#e59cff,#ba9cff,#9cb2ff); /* главная кнопка, значки */
  --d8-on-accent:#10031f;                  /* текст на градиенте и лиловом */
  --d8-link:#ba9cff;
  --d8-link-hover:#e59cff;
  --d8-focus:#ba9cff;

  /* кнопка главной (шапка «Каталог брендов») */
  --d8-button:linear-gradient(180deg,rgba(60,8,126,0) 0%,rgba(60,8,126,.32) 100%),rgba(113,47,255,.12);
  --d8-button-hover:linear-gradient(180deg,rgba(60,8,126,0) 0%,rgba(60,8,126,.42) 100%),rgba(113,47,255,.24);
  --d8-button-glow:inset 0 0 12px rgba(191,151,255,.24);

  /* состояния */
  --d8-good:#2cffcc;
  --d8-warn:#ffde59;
  --d8-warn-bg:rgba(255,222,89,.07);        /* врезка «внимание» */
  --d8-bad:#ff5c7a;
  --d8-bad-bg:rgba(255,92,122,.06);
  --d8-bad-line:rgba(255,92,122,.28);

  /* полоса прокрутки страницы — как на главной (home/reflect.css): бегунок чуть светлее фона */
  --d8-scrollbar:rgba(255,255,255,.05);
  --d8-scrollbar-hover:rgba(255,255,255,.1);
}

/* Полоса прокрутки самой страницы — как на главной: 5 px, дорожка цвета фона (Т31, PAL-2). Только у страницы (html):
   полосы прокручиваемых таблиц и списков остаются системными — тёмными (color-scheme) и заметными. */
html::-webkit-scrollbar{width:5px}
html::-webkit-scrollbar-track{background:var(--d8-bg)}
html::-webkit-scrollbar-thumb{background:var(--d8-scrollbar);border-radius:99px}
html::-webkit-scrollbar-thumb:hover{background:var(--d8-scrollbar-hover)}
/* браузеры без ::-webkit-scrollbar (Firefox): тонкая полоса тех же цветов */
@supports not selector(::-webkit-scrollbar){
  html{scrollbar-width:thin;scrollbar-color:var(--d8-scrollbar-hover) var(--d8-bg)}
}