/**
 * typography-sync.css
 * ČISTĚ INFORMATIVNÍ REFERENCE škály (nic z tohoto souboru se reálně
 * neaplikuje na web). Veškerá aplikace i všechny výjimky se řeší
 * výhradně v typography-sync.js – tak, aby náš soubor nikdy nezasahoval
 * do prvků, které mají zůstat čistě na globálním CSS webu.
 *
 * Pokud bys tento soubor přesto chtěl použít, nic v něm nenačítej
 * na produkci zároveň s JS - stačí jen JS.
 */
:root {
  --fs-h1: 44px;  --fs-h2: 36px;  --fs-h3: 30px;  --fs-h4: 22px;
  --fs-h2-big: 40px; --fs-h3-small: 26px;
  --fs-body: 18px; --fs-link: 18px; --fs-button: 17px;
}
@media (max-width: 1024px) {
  :root {
    --fs-h1: 36px; --fs-h2: 30px; --fs-h3: 26px; --fs-h4: 20px;
    --fs-h2-big: 33px; --fs-h3-small: 23px;
    --fs-body: 17px; --fs-link: 17px; --fs-button: 16px;
  }
}
@media (max-width: 600px) {
  :root {
    --fs-h1: 30px; --fs-h2: 26px; --fs-h3: 23px; --fs-h4: 19px;
    --fs-h2-big: 28px; --fs-h3-small: 21px;
    --fs-body: 16px; --fs-link: 16px; --fs-button: 15px;
  }
}