/* Токены MNSTR X light (TZ7-MNI-03): источник — «MNSTR_X: лёгкая дизайн-система для рабочего продукта», 20.09.2026.
   Отдельный файл с префиксом --mnstr-: подключается только страницами MNSTR X и НЕ переопределяет токены G3NG из tokens.css,
   поэтому экраны G3NG и MNSTR не меняют друг друга. Общее и различия — docs/DESIGN_MNSTR_COMPARE.md.
   Фирменные цвета оставлены такими, как в документе MNSTR; для текста добавлены производные тёмные значения (-text),
   потому что фирменные лайм, коралл и сироп не дают 4.5:1 на светлом фоне. Пары проверяет test/design-tokens-mnstr.test.mjs. */
:root {
  --mnstr-ink: #121318; --mnstr-paper: #F7F8FA; --mnstr-mist: #E8EDF4;       /* основа */
  --mnstr-trap: #5B2EFF;  --mnstr-on-trap: #FFFFFF;                           /* один главный акцент на экран */
  --mnstr-syrup: #8A4DFF; --mnstr-on-syrup: #FFFFFF;                          /* творческие состояния ИИ (заливка, крупный текст) */
  --mnstr-lime: #C7F000;  --mnstr-on-lime: #121318;                           /* готово, опубликовано: только заливка, текст на ней тёмный */
  --mnstr-coral: #FF4D6D; --mnstr-on-coral: #121318;                          /* ошибка, блокер: заливка с тёмным текстом */
  --mnstr-syrup-text: #7A3FE0; --mnstr-coral-text: #C42A4B; --mnstr-lime-text: #587000; /* те же смыслы как цвет текста на светлом фоне */
  --mnstr-radius: 6px;                                                         /* повторяющиеся объекты; целые разделы — не карточки */
  --mnstr-motion: 180ms;                                                       /* 150–220 мс, только отклик на действие; отключается при reduced motion */
  --mnstr-font: 'Google Sans Flex', Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mnstr-font-code: 'Google Sans Code', ui-monospace, Menlo, monospace;
}
@media (prefers-reduced-motion: reduce) { :root { --mnstr-motion: 0ms; } }

/* Оболочка MNSTR X (TZ7-MNI-03, замечание №333): те же имена, что в tokens.css, — поверхность, текст, акцент, статусы, форма, движение, шрифт, —
   но значения MNSTR. Включается атрибутом data-skin="mnstr" на <html> или на контейнере; без него экраны G3NG не меняются.
   Предупреждение (--warn…) в MNSTR не определено — остаётся G3NG. Производные значения (muted, line, line-strong, *-bg) документ MNSTR не
   называет: подобраны так, чтобы текст был не ниже 4.5:1, а граница поля не ниже 3:1 (проверяет test/design-tokens-mnstr.test.mjs).
   Фирменные лайм и коралл как цвет значка, рамки и сплошной заливки под белый текст не проходят по контрасту, поэтому для этих ролей берутся
   их тёмные оттенки -text; сами лайм и коралл остаются заливкой с тёмным текстом (--mnstr-on-lime, --mnstr-on-coral). */
:root[data-skin="mnstr"]:not([data-theme="dark"]), [data-skin="mnstr"]:not([data-theme="dark"]):not([data-theme="dark"] *) {
  color-scheme: light;
  --bg: var(--mnstr-mist); --paper: var(--mnstr-paper); --ink: var(--mnstr-ink); --muted: #565C6B;
  --line: #CBD3DF; --line-strong: #7B8494;
  --accent: var(--mnstr-trap); --accent-bg: #ECE8FF; --accent-solid: var(--mnstr-trap); --on-accent: var(--mnstr-on-trap);
  --ok: var(--mnstr-lime-text); --ok-ink: var(--mnstr-lime-text); --ok-bg: #F1F8CC; --ok-solid: var(--mnstr-lime-text);
  --bad: var(--mnstr-coral-text); --bad-ink: var(--mnstr-coral-text); --bad-bg: #FFE9ED; --bad-solid: var(--mnstr-coral-text);
  --radius: var(--mnstr-radius); --border: 1px solid var(--line-strong);
  --motion: var(--mnstr-motion); --font-body: var(--mnstr-font); --font-display: var(--mnstr-font);
  --focus-ring: 3px solid var(--mnstr-trap);
}