/* Бренд-тема «Зарубка» для Diplodoc.
   Цвета: web/app/assets/css/tokens.json и docs/BRAND.md в репозитории приложения.
   Шрифт: Onest (SIL OFL), variable wght 100–900. */

@font-face {
  font-family: 'Onest';
  src: url('../fonts/Onest-var-cyrillic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Onest';
  src: url('../fonts/Onest-var-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --zarubka-brand: #2670EE;
  --zarubka-brand-strong: #175FD6;
  --zarubka-brand-dark-theme: #3F84F6;
  --zarubka-tg: #29A9EB;
  --zarubka-max: #7C5CFC;
  --zarubka-collab: #0D8FD6;
}

.g-root {
  --g-font-family-sans: 'Onest', 'Helvetica Neue', 'Segoe UI', Arial, sans-serif;
}

/* Логотип-связка в шапке: у SVG нет инлайн-размеров, задаём высоту явно */
.pc-logo {
  height: 28px;
  align-items: center;
}

.pc-logo picture {
  display: flex;
  align-items: center;
  height: 100%;
}

.pc-logo__icon {
  height: 28px;
  width: auto;
}

/* Акцентные цвета ведёт theme.yaml (base-brand/link). Здесь только то, чего
   он не покрывает: visited-ссылки не должны становиться фиолетовыми. */
.g-root.g-root_theme_light {
  --g-color-text-link-visited: #2670EE;
  --g-color-text-link-visited-hover: #175FD6;
}

.g-root.g-root_theme_dark {
  --g-color-text-link-visited: #3F84F6;
  --g-color-text-link-visited-hover: #5C97F8;
}