/* =====================================================================
   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.
   ===================================================================== */

/* Jediný dostupný řez je Garet Book. Deklarujeme ho POUZE pro normal (400) –
   pro tučné váhy tak prohlížeč nemá přesný řez a text ztuční synteticky.
   (Když se pro 700 deklaroval neexistující Garet-Bold.ttf, prohlížeč syntézu
   vypnul a všechny nadpisy se kreslily tence – web ztratil hierarchii.)
   Až bude k dispozici Garet-Bold.ttf, stačí odkomentovat blok pod tímto. */
@font-face {
  font-family: 'Garet';
  src: url('/Garet-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* PŘIPRAVENO NA PRAVÝ TUČNÝ ŘEZ – po nahrání /Garet-Bold.ttf odkomentovat:
@font-face {
  font-family: 'Garet';
  src: url('/Garet-Bold.ttf') format('truetype');
  font-weight: bold;
  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;
}

/* ---------------------------------------------------------------------
   DOČASNÁ NÁHRADA TUČNÉHO ŘEZU
   K dispozici je jen Garet Book a prohlížeče pro něj neprovádějí syntetické
   ztučnění – nadpisy, tlačítka i navigace se proto kreslily stejně tence jako
   běžný text a web ztratil hierarchii. Obtah písmem v jeho vlastní barvě
   ztučnění napodobí a NEMĚNÍ šířku textu, takže nehrozí jiné zalomení řádků.
   Až bude /Garet-Bold.ttf k dispozici, stačí smazat celý tento blok
   (a odkomentovat @font-face pro bold výše).
   --------------------------------------------------------------------- */
.garet-faux-bold-600 { -webkit-text-stroke: 0.3px currentColor; }
h1, h2, h3, h4, h5, h6,
strong, b,
button, .btn, .nav a, .cta, .badge {
  -webkit-text-stroke: 0.35px currentColor;
  paint-order: stroke fill;
}
/* Velké displejové nadpisy snesou o něco silnější obtah. */
h1, .hero h1, .section-title {
  -webkit-text-stroke: 0.45px currentColor;
}
/* Prvky, které mají zůstat tenké (běžný text, popisky, vstupy). */
p, li, td, small, label, input, textarea, select, .muted, .note, .desc {
  -webkit-text-stroke: 0 currentColor;
}