/**
 * BENAB typografia 2026 — Montserrat (display) + Lexend Deca (telo/UI).
 * Self-hosted woff2 (latin + latin-ext, SK/CZ diakritika),
 * súbory v téme (assets/fonts/). Žiadne Google Fonts.
 * Metrické fallbacky (size-adjust) proti posunu layoutu pri načítaní.
 *
 * Subset latin-ext = Latin Extended-A (U+0100-017F: SK, CZ, PL, HU) + háčik,
 * meny a † - 21 + 20 KB namiesto 71 + 35 KB; vietnamčina a Latin Ext-B/Additional
 * padajú na systémový font. Všetky štyri súbory sa preloadujú (inc/enqueue.php),
 * lebo slovenský text siaha do oboch subsetov na každej stránke.
 * Prípona -a v názve: hosting (Websupport) drží statické súbory v cache podľa URL
 * s ročnou platnosťou, prepísaný súbor pod starým menom sa k návštevníkom nedostal.
 */

/* ---------- Montserrat (display) ---------- */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('../fonts/benab-montserrat-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('../fonts/benab-montserrat-latin-ext-a.woff2') format('woff2');
	unicode-range: U+0100-017F, U+02C7, U+02D8-02DD, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113;
}

/* ---------- Lexend Deca (telo / UI) ---------- */
@font-face {
	font-family: 'Lexend Deca';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/benab-lexend-deca-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Lexend Deca';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/benab-lexend-deca-latin-ext-a.woff2') format('woff2');
	unicode-range: U+0100-017F, U+02C7, U+02D8-02DD, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113;
}

/* ---------- Metrické fallbacky (proti CLS) ---------- */
/* Montserrat je o 6 % (verzálky, 800) až 13 % (minusky) širší než Arial;
   109 % je stred - zmerané z hmtx oboch fontov na slovenskom texte.
   ascent/descent = hhea Montserratu (0.968 / 0.251) delené size-adjust. */
@font-face {
	font-family: 'Montserrat Fallback';
	src: local('Arial'), local('Helvetica Neue'), local('Helvetica'), local('Liberation Sans');
	size-adjust: 109%;
	ascent-override: 88.8%;
	descent-override: 23.0%;
	line-gap-override: 0%;
}
@font-face {
	font-family: 'Lexend Deca Fallback';
	src: local('Arial'), local('Helvetica Neue'), local('Helvetica'), local('Liberation Sans');
	size-adjust: 110.0%;
	ascent-override: 90.9%;
	descent-override: 22.7%;
	line-gap-override: 0%;
}

/* ---------- Typografické tokeny ----------
   Veľkosti v px: koreň webu (html) má 17px, rem by ich zväčšil o 6 %. */
:root {
	--font-display: 'Montserrat', 'Montserrat Fallback', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--font-body: 'Lexend Deca', 'Lexend Deca Fallback', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

	--fs-hero: clamp(40px, 24.8px + 3.6vw, 56px);   /* 40 → 56 */
	--fs-h2: clamp(32px, 25.6px + 1.8vw, 40px);        /* 32 → 40 */
	--fs-h3: 24px;                                     /* 24 */
	--fs-h4: 18px;                                   /* 18 */
	--fs-body: 17px;                                /* 17 */
	--fs-body-sm: 14px;                              /* 14 — minimum drobných textov */
	--fs-label: 13px;                               /* 13 — len uppercase eyebrow */

	--lh-tight: 1.06;
	--lh-heading: 1.18;
	--lh-body: 1.6;
	--ls-heading: -0.025em;
	--ls-label: 0.06em;

	--fw-display: 800;
	--fw-heading: 700;
	--fw-body: 400;
	--fw-body-strong: 500;
}

/* Globálna aplikácia — telo a UI */
body {
	font-family: var(--font-body);
	font-weight: var(--fw-body);
}

button,
input,
select,
textarea {
	font-family: inherit;
}