/* Barvy, písmo, rozměry. Tyrkysová je z původního webu, pro text a tlačítka ztmavená kvůli kontrastu. */
:root {
	--c-accent: #128272;        /* tlačítka, odkazy, nadpisy pokojů (kontrast s bílou 4,7:1) */
	--c-accent-dark: #0d6559;
	--c-accent-light: #1abc9c;  /* původní tyrkysová: linky a ozdoby */
	--c-on-accent: #ffffff;     /* text na akcentu (tmavá varianta má tmavý) */
	--c-surface: #ffffff;       /* karty a boxy */
	--c-text: #363636;
	--c-muted: #5f5f5f;
	--c-heading: #262626;
	--c-border: #e2e2e2;
	--c-bg: #ffffff;
	--c-bg-soft: #f4f3f1;
	--c-header: #ffffff;
	--c-dark: #1e1e1e;
	--c-darker: #0f0f0f;
	--c-footer-text: #cfcfcf;

	--font: "Open Sans", Arial, Helvetica, sans-serif;

	--fs-h1: clamp(26px, 3.4vw, 44px);
	--fs-h2: clamp(21px, 2.3vw, 30px);
	--fs-h3: clamp(17px, 1.5vw, 20px);
	--fs-h4: clamp(16px, 1.3vw, 18px);
	--fs-body: clamp(15px, 1.05vw, 16.5px);
	--fs-small: clamp(13px, .95vw, 14px);
	--fs-nav: 13px;

	--container: 1140px;
	--container-text: 820px;
	--radius: 4px;
	--shadow: 0 10px 30px rgba(0, 0, 0, .08);
	--section-y: clamp(48px, 6vw, 84px);

	--z-header: 200;
	--z-backdrop: 300;
	--z-drawer: 301;
}