/* Self-hosted open-license fonts used only by the typography review pages. */
@font-face {
  font-family: "FV Prata";
  src: url("../fonts/font-variants/prata/Prata-Regular.3456391b8e6e.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "FV Cormorant Garamond";
  src: url("../fonts/font-variants/cormorantgaramond/CormorantGaramond[wght].618588c60263.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "FV Cormorant Garamond";
  src: url("../fonts/font-variants/cormorantgaramond/CormorantGaramond-Italic[wght].fd5aaca0d720.ttf") format("truetype");
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "FV PT Serif";
  src: url("../fonts/font-variants/ptserif/PT_Serif-Web-Regular.ae585d91ff89.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "FV PT Serif";
  src: url("../fonts/font-variants/ptserif/PT_Serif-Web-Bold.4b61d02c1a6e.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "FV PT Serif";
  src: url("../fonts/font-variants/ptserif/PT_Serif-Web-Italic.6d67303b40f6.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "FV PT Serif";
  src: url("../fonts/font-variants/ptserif/PT_Serif-Web-BoldItalic.4bb4d54a56d9.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "FV Lora";
  src: url("../fonts/font-variants/lora/Lora[wght].e71368f22122.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "FV Lora";
  src: url("../fonts/font-variants/lora/Lora-Italic[wght].0d467aed0347.ttf") format("truetype");
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "FV Playfair Display";
  src: url("../fonts/font-variants/playfairdisplay/PlayfairDisplay[wght].038aec929d8d.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "FV Playfair Display";
  src: url("../fonts/font-variants/playfairdisplay/PlayfairDisplay-Italic[wght].a94bf8e2798a.ttf") format("truetype");
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "FV Unbounded";
  src: url("../fonts/font-variants/unbounded/Unbounded[wght].3ba1d6fdf96b.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "FV Russo One";
  src: url("../fonts/font-variants/russoone/RussoOne-Regular.d14e8736a4d3.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "FV Vollkorn";
  src: url("../fonts/font-variants/vollkorn/Vollkorn[wght].23484eec1b8a.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "FV Vollkorn";
  src: url("../fonts/font-variants/vollkorn/Vollkorn-Italic[wght].d24d52ec69bc.ttf") format("truetype");
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "FV Merriweather";
  src: url("../fonts/font-variants/merriweather/Merriweather[opsz,wdth,wght].31aed3d2739f.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
}

@font-face {
  font-family: "FV Merriweather";
  src: url("../fonts/font-variants/merriweather/Merriweather-Italic[opsz,wdth,wght].ab486c2a0b57.ttf") format("truetype");
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
}

@font-face {
  font-family: "FV EB Garamond";
  src: url("../fonts/font-variants/ebgaramond/EBGaramond[wght].90a58d69f647.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "FV EB Garamond";
  src: url("../fonts/font-variants/ebgaramond/EBGaramond-Italic[wght].f428fcb135d4.ttf") format("truetype");
  font-style: italic;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "FV Manrope";
  src: url("../fonts/font-variants/manrope/Manrope[wght].c329d9ac3c7b.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "FV Golos Text";
  src: url("../fonts/font-variants/golostext/GolosText[wght].caa4693f600e.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "FV PT Sans";
  src: url("../fonts/font-variants/ptsans/PT_Sans-Web-Regular.f2eadd43911f.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "FV PT Sans";
  src: url("../fonts/font-variants/ptsans/PT_Sans-Web-Bold.5567d7e46577.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "FV Commissioner";
  src: url("../fonts/font-variants/commissioner/Commissioner[FLAR,VOLM,slnt,wght].866bdaddfa83.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "FV Onest";
  src: url("../fonts/font-variants/onest/Onest[wght].23cd8aa6cc08.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

.font-variant-1 { --serif: "FV Prata", Georgia, serif; --sans: "FV Manrope", Arial, sans-serif; }
.site-font-primary { --serif: "FV Golos Text", Arial, sans-serif; --sans: "FV Golos Text", Arial, sans-serif; }
.font-variant-2 { --serif: "FV Cormorant Garamond", Georgia, serif; --sans: "FV Golos Text", Arial, sans-serif; }
.font-variant-3 { --serif: "FV PT Serif", Georgia, serif; --sans: "FV PT Sans", Arial, sans-serif; }
.font-variant-4 { --serif: "FV Lora", Georgia, serif; --sans: "FV Commissioner", Arial, sans-serif; }
.font-variant-5 { --serif: "FV Playfair Display", Georgia, serif; --sans: "FV Onest", Arial, sans-serif; }
.font-variant-6 { --serif: "FV Unbounded", Arial, sans-serif; --sans: "FV Manrope", Arial, sans-serif; }
.font-variant-7 { --serif: "FV Russo One", Arial, sans-serif; --sans: "FV Golos Text", Arial, sans-serif; }
.font-variant-8 { --serif: "FV Vollkorn", Georgia, serif; --sans: "FV PT Sans", Arial, sans-serif; }
.font-variant-9 { --serif: "FV Merriweather", Georgia, serif; --sans: "FV Commissioner", Arial, sans-serif; }
.font-variant-10 { --serif: "FV EB Garamond", Georgia, serif; --sans: "FV Onest", Arial, sans-serif; }

/*
 * Основная типографика сайта: прямой плотный гротеск без курсива.
 * Цветовые акценты из отдельных секций сохраняются, меняется только характер
 * заголовков. Дочерние em/strong наследуют начертание, чтобы выделение цветом
 * не возвращало прежний курсив.
 */
body.site-font-primary :where(h1, h2, h3, h4, h5, h6, [role="heading"]),
body.site-font-primary .monitoring-hero-statement {
  font-family: "FV Golos Text", Arial, sans-serif;
  font-style: normal;
  font-weight: 850;
}

body.site-font-primary :where(h1, h2, h3, h4, h5, h6, [role="heading"]) :where(a, em, strong, span, small),
body.site-font-primary .monitoring-hero-statement :where(a, em, strong, span, small) {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
}

body.site-font-primary :where(h1, h2),
body.site-font-primary .monitoring-hero-statement {
  letter-spacing: -0.055em;
}

body.site-font-primary :where(h3, h4, h5, h6, [role="heading"]) {
  font-weight: 800;
  letter-spacing: -0.035em;
}
