/* T-190 — тёмная тема на токенах.
   Подключать ПОСЛЕ product.css. `styles/tokens.css` (vendor/naint-tokens.css)
   не правится — он сверяется побайтово (scripts/check-design.mjs).

   Здесь только переопределение переменных под `[data-theme="dark"]` и стили
   переключателя. Правила бренда те же: тени/градиенты/эмодзи запрещены,
   прямые углы, единственный акцент — teal, текст >= 4.5:1, нетекст >= 3.0:1.
   Печать — всегда светлая (`@media print`), независимо от выбора. */

[data-theme="dark"] {
  /* холст и слои: разница в яркости, а не тень */
  --surface: #000000;
  --surface-header: #0f0f0f;      /* contrast: --ink on --surface-header = 19.17 (текст) */
  --surface-card: #1a1a1a;        /* contrast: --ink-card on --surface-card = 17.40 (текст) */
  --surface-raised: #1a1a1a;
  --ink: #ffffff;                 /* contrast: --ink on --surface = 21.00 (текст) */
  --ink-card: #ffffff;
  --ink-muted: #c7d2e9;           /* contrast: --ink-muted on --surface = 13.82 (текст) */
  --line: #2a2a2a;                /* contrast: --line on --surface = 1.46 (декор: рамка тайла) */
  --line-strong: #6b7280;         /* contrast: --line-strong on --surface = 4.34 (non-text: граница контрола) */
  --accent: #0cad96;
  --on-accent: #000000;           /* contrast: --on-accent on --accent = 7.43 (текст) */
  color-scheme: dark;
}

/* Переключатель: текстовая подпись, не только цвет (WCAG 1.4.1). */
.theme-toggle {
  min-height: 44px;               /* палец: минимум 44px */
  padding: 10px 16px;
  border: 1px solid var(--line-strong); /* contrast: --line-strong on --surface = 4.28 (нетекст) */
  border-radius: 0;               /* бренд: прямые углы */
  background: transparent;
  color: var(--ink-muted);        /* contrast: --ink-muted on --surface = 13.82 (текст) */
  font: 500 var(--ui-14) var(--font-ui);
  cursor: pointer;
}

.theme-toggle:hover,
.theme-toggle:focus-visible,
.theme-toggle[aria-pressed="true"] {
  border-color: var(--accent);    /* contrast: --accent on --surface = 7.43 (non-text) */
  color: var(--ink);              /* contrast: --ink on --surface = 21.00 (текст) */
}

.theme-toggle:focus-visible {
  outline: 2px solid var(--accent); /* contrast: --accent on --surface = 7.43 (non-text) */
  outline-offset: 2px;
}

.theme-toggle--system {
  border-style: dashed;           /* режим «system» опознаётся формой, не цветом */
}

[data-theme="light"] .theme-toggle {
  --line-strong: #6b7280;
  border-color: #6b7280;          /* contrast: #6b7280 on --white = 4.83 (non-text: контур) */
  color: #1a1a1a;                 /* contrast: #1a1a1a on --white = 17.40 (текст) */
}

/* светлая тема: шапка светлая, иначе чёрный --ink на графите даёт 1.10 */
[data-theme="light"] {
  --surface-header: #ffffff;
  --surface-raised: #ffffff;
}