/* ==========================================================================
   Typografická vrstva — spoločná pre všetky návrhy
   Display nesie Cabinet Grotesk, text Switzer. Návrhy si z Claude Design
   priniesli Manrope, Inter, Sora, Archivo aj Instrument Serif — päť rezov na
   štyroch stránkach. Rodiny prepisuje zloz.py priamo v inline štýloch, tu je
   len to, čo sa musí prebiť selektorom.

   !important je tu zámerne: prvky z dumpu majú font-family v inline štýle
   a bez neho by pravidlo neplatilo.
   ========================================================================== */

:root {
  /* Za skutocnym pismom stoji jeho dorovnana zaloha (assets/fonty.css),
     az potom systemove pismo. Vdaka tomu ma text rovnaku sirku aj
     vysku este predtym, nez sa subor stiahne — pri vymene nic neposkoci. */
  --br-display: "Cabinet Grotesk", "Cabinet Grotesk záloha", "Switzer", system-ui, sans-serif;
  --br-text: "Switzer", "Switzer záloha", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body,
#br-koren {
  font-family: var(--br-text);
}

/* --------------------------------------------------------------- display */

h1, h2, h3,
.m-big,
.ref-nadpis,
.ps-nadpis, .ps-h2, .ps-krok h3,
.ctos-krok h3,
.pb-nadpis, .pb-h2,
.br-f-hotovo h3 {
  font-family: var(--br-display) !important;
  letter-spacing: -.035em;
}

/* Veľké čísla sú tiež display — cena, počet informácií, poradie referencie.
   V groteske s tesným prestrkom držia pohromade lepšie ako v textovom reze. */
.ps-suma b,
.ps-udaje b,
.ps-pocitadlo b,
.ref-poradie,
.ps-cislo {
  font-family: var(--br-display) !important;
}

/* Cabinet Grotesk má sám o sebe tesnú kresbu; pri malých veľkostiach by
   záporný prestrk zlepoval písmená. */
h3, .ps-krok h3, .ctos-krok h3, .br-f-hotovo h3 { letter-spacing: -.025em; }
.ref-poradie, .ps-cislo { letter-spacing: .1em; }

/* ------------------------------------------------------------------ text */

/* Switzer má o niečo väčšiu x-výšku ako Manrope, takže rovnaké riadkovanie
   pôsobí tesnejšie. O dve percentá voľnejšie a čítanie sa vráti späť. */
p, li, dd, blockquote, .ps-text, .ps-lead, .ref-citat p {
  line-height: 1.64;
}

/* Číslice v cenníkoch a údajoch musia sadať pod sebou. */
.ps-suma b, .ps-udaje b, .ps-pocitadlo b,
.ref-poradie, .ps-cas, .ctos-cas,
[class*="cena"], [class*="suma"] {
  font-variant-numeric: tabular-nums lining-nums;
}