/* =====================================================================
   GARET — jednotné písmo pro celý nadohled.fun (i divinedelivery.cz).
   Zapojuje se jedním <link> na každé stránce; přepisuje jak přímé
   deklarace, tak sdílené CSS proměnné (--ff, --fh, --font-display …),
   takže se písmo změní všude, ale layout zůstane na svých pravidlech.
   ===================================================================== */

/* Rodina ma tri rezy a kazdy ma svou ulohu:
     Book  (400) - bezny text, popisky, rozhrani
     Bold  (700) - nadpisy sekci, tlacitka, cisla, zvyrazneni
     Heavy (800) - jen displejove nadpisy (H1), "plakatovy" hlas
   woff2 je uvedeny prvni: je zhruba tretinovy proti TTF, takze se
   nadpis vykresli driv. TTF zustava jako zaloha pro stare prohlizece.

   POZOR na metriky: Bold ma od vyrobce jine svisle metriky (ascent 972,
   descent -342) nez Book a Heavy (1070 / -380). Bez srovnani by se pri
   zmene rezu posouvalo ucari a radky by poskakovaly. Prepisy nize to
   srovnavaji na spolecnou hodnotu; overeno primo ve font souborech. */
@font-face {
  font-family: 'Garet';
  src: url('/Garet-Book.woff2') format('woff2'),
       url('/Garet-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garet';
  src: url('/Garet-Bold.woff2') format('woff2'),
       url('/Garet-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  ascent-override: 107%;
  descent-override: 38%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Garet';
  src: url('/Garet-Heavy.woff2') format('woff2'),
       url('/Garet-Heavy.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Přepis sdílených proměnných – tady je zdroj pravdy pro celý web. */
  --ff: 'Garet', 'Segoe UI', system-ui, sans-serif;
  --fh: 'Garet', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Garet', 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Garet', 'Segoe UI', system-ui, sans-serif;
  --font-hand: 'Garet', 'Segoe UI', system-ui, sans-serif;
  --serif: 'Garet', 'Segoe UI', system-ui, sans-serif;
  --font-serif: 'Garet', 'Segoe UI', system-ui, sans-serif;
  --font-sans: 'Garet', 'Segoe UI', system-ui, sans-serif;
  --font: 'Garet', 'Segoe UI', system-ui, sans-serif;
}

html, body {
  font-family: 'Garet', 'Segoe UI', system-ui, sans-serif;
}

/* Prvky, které si font drží samy (nadpisy, tlačítka, formuláře, tabulky).
   Vynecháváme ikonové fonty a monospace bloky – ty musí zůstat, jinak se
   rozsypou ikony a zarovnané výpisy. */
h1, h2, h3, h4, h5, h6,
p, a, span, div, li, td, th, label, small, strong, b, em, i,
button, input, select, textarea, optgroup,
figcaption, blockquote, summary, legend, caption {
  font-family: 'Garet', 'Segoe UI', system-ui, sans-serif;
}

/* Výjimky – ikonové sady a záměrný monospace zůstávají beze změny. */
.material-icons, .material-icons-outlined, .material-symbols-outlined,
[class^="fa-"], [class*=" fa-"], .fa, .fas, .far, .fab,
code, pre, kbd, samp, .mono, .monospace {
  font-family: revert !important;
}

/* Garet má o něco užší kresbu než Quicksand/Fraunces. Aby se nadpisy
   nezalamovaly jinak než dřív, mírně uvolníme prostrkání u velkých textů. */
h1, h2, .hero h1, .section-title {
  letter-spacing: -0.01em;
}

/* Obtah písmem, který dřív tučnost napodoboval, je odstraněn — se
   skutečným řezem Bold by se s ním sčítal a nadpisy by se kreslily
   rozmazaně. Třída zůstává jako prázdná, aby nikde nechyběla. */
.garet-faux-bold-600 { font-weight: 700; }