/*
  tokens-dark.css — токены тёмного материала (атом ОБ-02a, пакет K1).

  Что это: цветовые токены тёмного материала четырёх сайтов. Материал — графит и чёрная бумага.
  Чем НЕ является: не стили компонентов; кнопка, шапка, плиты инфографики — отдельные атомы кита.
  Как пользоваться: подключить вместе с tokens-mono.css; тёмный материал включается атрибутом
  data-m="dark" на <html> (переключатель ?m=dark). Без атрибута страница в монохроме (по умолчанию).

  Контракт имён един для обоих материалов, компонент пишется один раз:
    --bg --surface --surface-2           фоны: бумага, лист, приподнятый лист
    --text --text-2 --text-3             текст: основной, вторичный, третичный (все >= 4.5:1 на всех фонах)
    --line                               линии схем, границы полей, оси (>= 3:1 на всех фонах)
    --signal                             сигнальная отметка (точка, активная линия) — лайм, один на экран
    --lime --on-lime                     лаймовый маркер под фразой владельца и надпись на нём
    --indigo --indigo-hover --on-indigo  только главная кнопка: заливка, наведение, надпись
    --focus                              кольцо фокуса (>= 3:1 на всех фонах)

  Решения:
  - Все значения непрозрачные hex: контраст считается скриптом, а полупрозрачные линии (rgba .10–.16)
    давали 1,3–1,6:1 и в кит не допущены. Декоративного «волоска» ниже 3:1 в ките нет.
  - Надпись на индиго тёмная: белая на #7171FB даёт 3,85:1 и не проходит 4,5:1 (критерий ОБ-02d).
    Наведение светлее базы, а не темнее: тёмная надпись на затемнённом индиго падает ниже 4,5:1.
  - Кольцо фокуса белое, не лаймовое: лайм — один источник на экран, фокус его не тратит.
  Проверка: node contrast-check.mjs (рядом), самопроверка — node contrast-check.mjs --selftest.
*/

/* @scope dark */
:root[data-m="dark"] {
  --bg: #0B0B0D;
  --surface: #1F1F22;
  --surface-2: #2A2A2F;

  --text: #F2F2F4;
  --text-2: #BDBDC5;
  --text-3: #9D9DA7;

  --line: #7A7A84;
  --signal: #C6F24E;

  --lime: #C6F24E;
  --on-lime: #0B0B0D;

  --indigo: #7171FB;
  --indigo-hover: #7C7CFB;
  --on-indigo: #0B0B0D;

  --focus: #F2F2F4;

  color-scheme: dark;
}