/* Тема копии: подключается в самом конце документа, после всех стилей оригинала: одинаковые по весу правила оригинала иначе перекрывают её. Все цвета оригинала идут через переменные */
:root {
  --accent: #0f766e;
  --date: #0f766e;
  --on-accent: #ffffff;
  --accent-soft: #dff3f0;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --accent: #2dd4bf; --date: #2dd4bf; --on-accent: #06231f; --accent-fg: #06231f; --accent-soft: #123a36; }
}
:root[data-theme="dark"] { --accent: #2dd4bf; --date: #2dd4bf; --on-accent: #06231f; --accent-fg: #06231f; --accent-soft: #123a36; }

/* У оригинала белый текст на светлом акценте тёмной темы: контраст 2,49:1, у новых значений 8,9:1 и 5,47:1 */
.btn.primary, .btn.primary:hover { color: var(--on-accent); }

/* Главное меню: разделы читаются как навигация, а не как ряд одинаковых кнопок */
.nav .btn { background: transparent; border-color: transparent; box-shadow: none; }
.nav .btn:hover { background: var(--btn-active); }
.nav .btn.active { background: color-mix(in srgb, var(--accent) 14%, transparent); border-color: transparent; color: var(--accent); }

/* Красный крестик в каждой строке виден при наведении. На телефоне остаётся всегда */
@media (hover: hover) {
  .st-x .ic.x { opacity: 0; }
  .tbl tr:hover .st-x .ic.x, .st-x .ic.x:focus-visible { opacity: 1; }
}

/* Ссылки в подсказках и окнах оригинал оставлял цветом браузера: синий рядом с новым акцентом выглядит чужим */
.s-note a, .help-ln a, .hp-all a, .nt-help a { color: var(--accent); }