/* ==========================================================================
   Design tokens — vytaženo 1:1 z Elementor Kit #8 (netnacesty.cz)
   ========================================================================== */

/* ── Inter (self-hosted, variable weight 100–900) ──────────────────────────── */
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter-latin-ext.woff2") format("woff2");
	/* Re-subset na CZ+SK glyfy z Latin Extended-A (85 KB → 6 KB). Rozsah přesně
	   odpovídá glyfům v souboru — jiný latin-ext znak spadne na základní latin. */
	unicode-range: U+010C-010F, U+011A-011B, U+0139-013A, U+013D-013E, U+0147-0148, U+0154-0155, U+0158-0159, U+0160-0161, U+0164-0165, U+016E-016F, U+017D-017E;
}

:root {
	/* ---- Barvy (Elementor global colors) ---------------------------------- */
	--c-black: #000000;          /* Pozadí */
	--c-blue: #0070E0;           /* Tlačítka / odkazy / akcent (na světlém) */
	--c-blue-on-dark: #4DA3FF;   /* Odkazy/text na tmavém pozadí (kontrast ≥4.5:1) */
	--c-text: #4F5962;           /* Text tmavý */
	--c-text-light: #C2C2C2;     /* Text světlý (na tmavém pozadí) */
	--c-accent: #2E2E2E;         /* Doplněk */
	--c-red: #D63B38;            /* Červená */
	--c-orange: #F07E32;         /* Oranžová */
	--c-green: #65D154;          /* Zelená */
	--c-green-2: #6F9606;        /* Zelená tmavší */
	--c-white: #FFFFFF;

	/* Sémantické aliasy */
	--color-bg: var(--c-black);
	--color-fg: var(--c-text-light);
	--color-heading: var(--c-white);
	--color-link: var(--c-blue);
	--color-btn: var(--c-blue);
	--color-btn-text: var(--c-white);

	/* ---- Tlačítka — stavy a odstíny (kontrastně laděné) ------------------- */
	--btn-blue:        #0070E0;   /* base */
	--btn-blue-top:    #2a8bf0;   /* světlejší vršek gradientu */
	--btn-blue-hover:  #0060c4;
	--btn-blue-active: #0052a8;
	--btn-blue-ring:   rgba(0, 112, 224, 0.45);

	--btn-green:        #57C63E;  /* zářivá značková zelená */
	--btn-green-top:    #74DE5B;
	--btn-green-hover:  #45B02F;
	--btn-green-active: #3A9827;
	--btn-green-text:   #08300F;  /* tmavý text → max. kontrast na zelené */
	--btn-green-ring:   rgba(87, 198, 62, 0.45);

	/* ---- Typografie (Inter) ----------------------------------------------- */
	--font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	/* Fluidní škála — clamp(mobile, preferovaná, desktop) přes viewporty 768–1281 px.
	   Zdroj hodnot: Kit #8 (desktop / tablet / mobile). */
	--fs-body: 1.0625rem;                                   /* 17px */
	--fs-h1: clamp(2.5rem, 1.19rem + 5.45vw, 4.6875rem);    /* 40 → 75px, lh 1, ls -3px */
	--fs-h2: 1.5625rem;                                     /* 25px, lh 1.2, ls -1px */
	--fs-h3: clamp(1.5rem, 1.28rem + 0.94vw, 1.875rem);     /* 24 → 30px, lh 1.2 */
	--fs-h4: 1.875rem;                                      /* 30px */
	--fs-h5: 1.875rem;                                      /* 30px, weight 500 */
	--fs-lead: 1.5rem;                                      /* 24px (Text style) */
	--fs-btn: 1.5rem;                                       /* 24px */

	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;

	--lh-heading: 1.1;
	--lh-body: 1.5;
	/* Jemný tracking — čitelný i u velkých nadpisů (dřív -3px / -1px = přetěsno). */
	--ls-h1: -0.015em;
	--ls-heading: -0.005em;

	/* ---- Layout ----------------------------------------------------------- */
	--container-max: 1200px;
	--container-pad: clamp(1rem, 0.5rem + 2.5vw, 2rem);
	--bp-md: 768px;
	--bp-lg: 1281px;

	/* ---- Spacing (8px rytmus) --------------------------------------------- */
	--space-2xs: 0.5rem;
	--space-xs: 0.75rem;
	--space-s: 1rem;
	--space-m: 1.5rem;
	--space-l: 2.5rem;
	--space-xl: 4rem;
	--space-2xl: clamp(4rem, 2rem + 8vw, 7rem);   /* mezisekce */

	/* ---- Ostatní ---------------------------------------------------------- */
	--radius: 8px;
	--radius-lg: 16px;
	--radius-pill: 999px;
	--transition: 0.25s ease;
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);

	/* ---- UI vrstvy (chipy, trust, sticky bar) ----------------------------- */
	--surface-glass: rgba(255, 255, 255, 0.06);
	--surface-glass-border: rgba(255, 255, 255, 0.14);
	--star: #FFC53D;                 /* hodnocení */
	--z-mobilecta: 200;
}