/*
 * Фирменный слой DACLINIC (BRAND-ROADMAP.md 5.6): акцент — вариант «А» (решение владельца сайта 19.10.2026).
 * Подключается после всех стилей страниц и до vision.css. Цвета — только переменные из tokens.css.
 * Приставка :root поднимает вес правила над правилами из концепта с тем же числом классов.
 *
 * - главные кнопки и выбранные элементы — золото (--gold), текст на них тёмный (--gold-ink, 5,7:1);
 *   при наведении — тёмная кнопка со светлым текстом;
 * - линии у подзаголовков, подчёркивание активного пункта меню — золото;
 * - подвал — тёмный блок (--dark) со светлым текстом: переменные переопределены внутри подвала.
 */

/* ---------- Главные кнопки ---------- */
:root .da-page .btn.dark,
:root .da-chrome .btn.dark,
:root .da-page .da-form input[type="submit"],
:root .da-chrome .mobile-bar > button {
	background: var(--gold); color: var(--gold-ink); border-color: var(--gold);
}
:root .da-page .btn.dark:hover, :root .da-page .btn.dark:focus-visible, :root .da-page .btn.dark:active,
:root .da-chrome .btn.dark:hover, :root .da-chrome .btn.dark:focus-visible, :root .da-chrome .btn.dark:active,
:root .da-page .da-form input[type="submit"]:hover, :root .da-page .da-form input[type="submit"]:focus-visible {
	background: var(--dark); color: var(--paper); border-color: var(--dark);
}
:root .da-page .da-form input[type="submit"]:disabled { background: var(--sand); color: var(--muted); border-color: var(--line-strong); }

/* Обычная (контурная) кнопка — рамка золотом, как «Узнать больше →» в бренд-буке */
:root .da-page .btn:not(.dark), :root .da-chrome .btn:not(.dark) { border-color: var(--gold); }

/* ---------- Выбранные фильтры, вкладки, пункты списков ---------- */
:root .da-page .filter-pill.active,
:root .da-chrome .filter-pill.active,
:root .da-page .da-filters .filter-pill.active,
:root .da-page .topic.active,
:root .da-page .index-link.active,
:root .da-page .catalog-index .index-link.active,
:root .da-page .hub-subnav a.active,
:root .da-page .da-catalog__side .hub-link.active,
:root .da-page .da-pagination .page-numbers.current,
:root .da-page .save-btn.selected {
	background: var(--gold); color: var(--gold-ink); border-color: var(--gold);
}
/* подписи и счётчики внутри выбранного пункта — тоже тёмные (на золоте) */
:root .da-page .filter-pill.active *, :root .da-chrome .filter-pill.active *, :root .da-page .index-link.active *, :root .da-page .hub-link.active *, :root .da-page .hub-subnav a.active *, :root .da-page .topic.active * { color: var(--gold-ink); }
:root .da-page .saved-fab { background: var(--gold); color: var(--gold-ink); }
:root .da-page .saved-fab:hover { background: var(--dark); color: var(--paper); }

/* ---------- Золотые детали ---------- */
:root .da-chrome .desktop-nav a:after, :root .da-page .profile-tabs button.active:after { background: var(--gold); }
:root .da-page .eyebrow:before, :root .da-chrome .eyebrow:before { background: var(--gold); }

/* ---------- Подвал — тёмный блок ---------- */
:root .da-chrome .da-footer {
	--ink: var(--paper);
	--brown: var(--paper);
	--muted: #d9cfbf;            /* 5,9:1 на тёмном */
	--muted-2: #d9cfbf;
	--text-998770: #d9cfbf;
	--gold-dark: #d9cfbf;
	--line: #fdfaf224;           /* светлая линия на тёмном */
	--line-strong: #fdfaf23d;
	background: var(--dark);
	color: var(--paper);
}
:root .da-chrome .da-footer a { color: var(--paper); }
:root .da-chrome .da-footer .ui-icon { color: var(--gold); }
:root .da-chrome .da-footer .original-brand img { filter: brightness(0) invert(1); } /* логотип светлым, до нового логотипа (5.7) */

/* ---------- Типографика (5.5): заголовки — Playfair Display, курсивная строка — Playfair italic ---------- */
:root .da-page h1, :root .da-page h2, :root .da-page h3,
:root .da-chrome h1, :root .da-chrome h2, :root .da-chrome h3 {
	font-family: var(--serif); font-weight: 400; letter-spacing: var(--heading-tracking);
}
:root .da-page h1 em, :root .da-page h2 em, :root .da-page h3 em,
:root .da-chrome h1 em, :root .da-chrome h2 em, :root .da-chrome h3 em {
	font-family: var(--serif); font-style: italic; font-size: 1em; letter-spacing: var(--heading-tracking);
}

/* Playfair шире прежних шрифтов: на узком экране — размеры, при которых длинные слова помещаются целиком
   (проверка — длина самого длинного слова каждого заголовка на 390 и 320); перенос с дефисом — запасной вариант */
@media (max-width: 560px) {
	:root .da-page h1, :root .da-page h2, :root .da-page h3, :root .da-chrome h1, :root .da-chrome h2, :root .da-chrome h3 { hyphens: auto; }
	:root .da-page .page-heading h1 { font-size: 37px; }
	:root .da-page .staff-caption h2 { font-size: 20px; }
	:root .da-page .staff-caption h2 span { font-size: .9em; } /* имя и отчество — чуть меньше фамилии */
}
@media (max-width: 370px) {
	:root .da-page .page-heading h1 { font-size: 31px; }
	:root .da-page .staff-caption h2 { font-size: 17px; }
	:root .da-chrome .direction-nine h3 { font-size: 12.5px; }
	:root .da-page .license-information h2 { font-size: 22px; }
}

/* ---------- Узор и эмблема (5.8) ----------
   Плитка и эмблема — assets/da/brand/*.svg (прототип кодом по бренд-буку; заменить вектором дизайнера — тот же файл).
   SVG — маска, цвет — из tokens.css. Только фон: в разметке узора нет, экранный диктор его не читает; при печати — скрыт. */
:root .da-pattern, :root .da-chrome .da-footer { position: relative; isolation: isolate; }
:root .da-pattern::before, :root .da-chrome .da-footer::before {
	content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: var(--gold); opacity: .3;
	-webkit-mask: url(../../assets/da/brand/pattern-tile.svg) 0 0 / 64px 64px repeat; mask: url(../../assets/da/brand/pattern-tile.svg) 0 0 / 64px 64px repeat;
}
:root .da-chrome .da-footer::before { opacity: .14; } /* на тёмном — тише, текст подвала читается */
:root .da-pattern--dark { background: var(--dark); color: var(--paper); }
:root .da-pattern--dark::before { opacity: .18; }

/* Эмблема вместо «✳» в сообщениях «ничего не найдено» */
:root .da-page .empty > span { font-size: 0; color: transparent; }
:root .da-page .empty > span > * { display: none; }
:root .da-page .empty > span::before, :root .da-emblem::before {
	content: ''; display: block; width: 46px; height: 46px; margin: 0 auto; background: var(--gold);
	-webkit-mask: url(../../assets/da/brand/emblem.svg) center / contain no-repeat; mask: url(../../assets/da/brand/emblem.svg) center / contain no-repeat;
}
:root .da-emblem { display: block; }

@media print {
	:root .da-pattern::before, :root .da-chrome .da-footer::before { display: none; }
}