/*
 * Фирменный стиль Ant-Team поверх unfold (settings UNFOLD["STYLES"]).
 *
 * Цвета задаются токенами темы (UNFOLD["COLORS"]): primary — синий Ant-Team #2F80ED,
 * 500/600 подобраны под WCAG AA; base — серо-синяя шкала сайта (#0f1a2b, #526079, #dde5f0).
 * Здесь — только то, чего токенами не сделать: шрифт заголовков, фон бокового меню,
 * знак на странице входа. Шаблоны отдельных экранов этот файл не трогает.
 */

/* Montserrat (SIL OFL 1.1, fonts/OFL-Montserrat.txt), вариативный 100–900, кириллица + латиница.
 * Только для заголовков и шапки: таблицы и формы остаются на Inter — он плотнее и лучше
 * читается в мелком кегле. */
@font-face {
  font-family: "Montserrat"; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url("fonts/montserrat-cyrillic-wght-normal.6fd02dd74afd.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat"; font-style: normal; font-display: swap; font-weight: 100 900;
  src: url("fonts/montserrat-latin-wght-normal.311d352d9323.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root { --pbn-brand-font: "Montserrat", "Inter", sans-serif; }

/* Заголовки страниц, крошки шапки, название в меню, группы меню, вход. */
#page h1, #page h2, #page h3,
#nav-sidebar-inner > div:first-child .text-important,
#nav-sidebar-apps h2 {
  font-family: var(--pbn-brand-font);
  letter-spacing: -.005em;
}
/* Montserrat шире Inter: название в меню мельче (14px), чтобы «Ant-Team · PBN-фабрика»
 * влезало в меню стандартной ширины (288px) без многоточия. */
#nav-sidebar-inner > div:first-child .text-important { font-size: 14px; letter-spacing: -.01em; }
/* Пункты меню и подписи в таблицах — Inter, как было. */
#nav-sidebar-apps ol { font-family: var(--font-sans); }

/* Боковое меню — светло-синий фон сайта Ant-Team; активный пункт — белая плашка с полосой. */
#nav-sidebar, #nav-sidebar > :not(.absolute), .relative.z-30:has(> #nav-sidebar) {
  background-color: var(--color-base-100);
}
#nav-sidebar-apps a.active {
  background-color: #fff;
  box-shadow: inset 3px 0 0 var(--color-primary-600), 0 1px 2px rgba(15, 26, 43, .06);
}
html.dark #nav-sidebar, html.dark #nav-sidebar > :not(.absolute), html.dark .relative.z-30:has(> #nav-sidebar) {
  background-color: color-mix(in srgb, var(--color-base-900) 55%, var(--color-base-950));
}
html.dark #nav-sidebar-apps a.active {
  background-color: rgba(255, 255, 255, .07);
  box-shadow: inset 3px 0 0 var(--color-primary-500);
}

/* Знак над заголовком входа и сброса пароля (templates/unfold/helpers/unauthenticated_title.html). */
.pbn-brand-login { margin-bottom: 20px; }
.pbn-brand-login img { width: 56px; height: 56px; }

/* Значок в боковом меню (SITE_ICON) — круглый, без фона-плашки. */
#nav-sidebar img[src*="factory/brand/antteam-icon"] { border-radius: 50%; }

/* Кнопка primary при наведении: в unfold она светлеет (bg-primary-600/80) и белый текст падает
 * до 3.5:1. Темнеем до primary-700 (6.6:1) — тот же приём, что у кнопок экранов. */
html .bg-primary-600.hover\:bg-primary-600\/80:hover,
html .bg-primary-600:is(a, button, input):hover {
  background-color: var(--color-primary-700);
}