/* ==========================================================================
   Tokeny — sejmuto z Figmy (soubor QMbooF5oHyaPYULb5mP0wj, deska 02 · Web).
   Maket míchá dvě starší sady stylů: bloky převzaté z Brickoxu používají
   Plus Jakarta Sans (styly BX/*), nové bloky Inter a Manrope (styly Text/*,
   Nadpis/*). Obě sady jsou tu zachované, aby web seděl 1 : 1.
   ========================================================================== */

/* --- Písma ---------------------------------------------------------------- */
@font-face {
	font-family: 'Oswald';
	src: url('../fonts/oswald-latin-ext.woff2') format('woff2');
	font-weight: 200 700; font-style: normal; font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Oswald';
	src: url('../fonts/oswald-latin.woff2') format('woff2');
	font-weight: 200 700; font-style: normal; font-display: swap;
	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: 'Plus Jakarta Sans';
	src: url('../fonts/pjs-latin-ext.woff2') format('woff2');
	font-weight: 200 800; font-style: normal; font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Plus Jakarta Sans';
	src: url('../fonts/pjs-latin.woff2') format('woff2');
	font-weight: 200 800; font-style: normal; font-display: swap;
	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: 'Inter';
	src: url('../fonts/inter-latin-ext.woff2') format('woff2');
	font-weight: 100 900; font-style: normal; font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Inter';
	src: url('../fonts/inter-latin.woff2') format('woff2');
	font-weight: 100 900; font-style: normal; font-display: swap;
	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: 'Manrope';
	src: url('../fonts/manrope-latin-ext.woff2') format('woff2');
	font-weight: 200 800; font-style: normal; font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Manrope';
	src: url('../fonts/manrope-latin.woff2') format('woff2');
	font-weight: 200 800; font-style: normal; font-display: swap;
	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: 'DM Sans';
	src: url('../fonts/dmsans-latin-ext.woff2') format('woff2');
	font-weight: 100 1000; font-style: normal; font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'DM Sans';
	src: url('../fonts/dmsans-latin.woff2') format('woff2');
	font-weight: 100 1000; font-style: normal; font-display: swap;
	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;
}

:root {
	/* --- Barvy ------------------------------------------------------------ */
	--bx-ink: #141414;            /* text, tmavé bloky */
	--bx-ink-2: #1f1f1f;          /* karty recenzí, spodní pruh patičky */
	--bx-yellow: #f2b705;         /* akcent, varianta C */
	--bx-yellow-dark: #9a7300;    /* štítky sekcí, ikony v kartách */
	--bx-yellow-soft: #fdf3d6;    /* podklad ikon ve světlých kartách */
	--bx-cream: #f5f3ee;          /* pozadí sekcí */
	--bx-cream-2: #e9e5da;        /* neaktivní čipy formuláře */
	--bx-white: #ffffff;          /* --surface */
	--bx-default: #615a5a;        /* běžný text ve staré sadě (BX) */
	--bx-text-2: #59636f;         /* běžný text v nové sadě */
	--bx-text-3: #8b94a0;         /* popisky, čísla */
	--bx-text-inv: #ffffff;       /* text na tmavém */
	--bx-text-inv-2: #a8b1bc;     /* popisný text na tmavém */
	--bx-line: #dddbdb;           /* linky ve formuláři (BX) */
	--bx-border: #e1e5ea;         /* rámečky karet */
	--bx-border-strong: #c7cdd6;  /* čísla karet 02–04 */
	--bx-border-dark: #333b45;    /* linka v tmavé kartě */

	/* --- Písma ------------------------------------------------------------ */
	--bx-font-head: 'Oswald', 'Arial Narrow', system-ui, sans-serif;
	--bx-font-bx: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
	--bx-font-text: 'Inter', system-ui, -apple-system, sans-serif;
	--bx-font-num: 'Manrope', system-ui, -apple-system, sans-serif;
	--bx-font-xb: 'DM Sans', system-ui, -apple-system, sans-serif;

	/* --- Typografie: nadpisy (Oswald) ------------------------------------- */
	--bx-h1-size: 76px;   --bx-h1-lh: 90px;  --bx-h1-ls: -0.5px;  /* BX/H1 */
	--bx-h2-size: 64px;   --bx-h2-lh: 66px;  --bx-h2-ls: -1.2px;  /* BX/H1 · 64 */
	--bx-h3-size: 30px;   --bx-h3-lh: 36px;  --bx-h3-ls: -0.4px;  /* BX/H3 · 30 */
	--bx-h4-size: 22px;   --bx-h4-lh: 28px;                        /* BX/H4 · 22 */
	--bx-menu-size: 15px; --bx-menu-lh: 20px; --bx-menu-ls: 1.2px; /* BX/Menu · 15 */
	--bx-caps-size: 13px; --bx-caps-lh: 17px; --bx-caps-ls: 1.56px;/* BX/Caps · 13 */

	/* --- Typografie: texty ------------------------------------------------ */
	--bx-textm-size: 15px; --bx-textm-lh: 25px;  /* BX/Text/M · 15 (PJS) */
	--bx-texts-size: 14px; --bx-texts-lh: 22px;  /* BX/Text/S · 14 (PJS) */
	--bx-ui-size: 13px;    --bx-ui-lh: 18px;     /* BX/UI · 13 (PJS SemiBold) */
	--bx-its-size: 15px;   --bx-its-lh: 23px;    /* Text/S · 15 (Inter) */
	--bx-itm-size: 16px;   --bx-itm-lh: 25px;    /* Text/M · 16 (Inter) */
	--bx-num-size: 19px;   --bx-num-lh: 26px; --bx-num-ls: -0.2px; /* Nadpis/H3 · 19 (Manrope Bold) */

	/* --- Typografie patičky (DM Sans, styly XB/*) ------------------------- */
	--bx-xb-h3-size: 26px; --bx-xb-h3-lh: 33px;  /* XB/H3 · 26 Bold */
	--bx-xb-h5-size: 18px; --bx-xb-h5-lh: 24px;  /* XB/H5 · 18 Bold */
	--bx-xb-s-size: 15px;  --bx-xb-s-lh: 24px;   /* XB/Text/S · 15 Medium */
	--bx-xb-ui-size: 14px; --bx-xb-ui-lh: 20px;  /* XB/UI · 14 Medium */

	/* --- Barvy patičky ---------------------------------------------------- */
	--xb-white: #ffffff;
	--xb-text: #666666;
	--xb-border: #d4dced;

	/* --- Mřížka ----------------------------------------------------------- */
	--bx-page: 1440px;
	--bx-gutter: 60px;
	--bx-content: 1320px;
	--bx-header-h: 100px;
	--bx-section-y: 90px;   /* svislé odsazení sekce (blok 2) */
}

/* Adaptiv — poměry maketu zůstávají, kegle a odsazení se zmenšují. */
@media (max-width: 1200px) {
	:root {
		--bx-gutter: 40px;
		--bx-h1-size: 60px; --bx-h1-lh: 70px;
		--bx-h2-size: 52px; --bx-h2-lh: 56px;
		--bx-section-y: 76px;
	}
}
@media (max-width: 900px) {
	:root {
		--bx-gutter: 28px;
		--bx-h1-size: 48px; --bx-h1-lh: 56px;
		--bx-h2-size: 40px; --bx-h2-lh: 44px;
		--bx-h3-size: 26px; --bx-h3-lh: 32px;
		--bx-header-h: 72px;
		--bx-section-y: 64px;
	}
}
@media (max-width: 600px) {
	:root {
		--bx-gutter: 20px;
		--bx-h1-size: 38px; --bx-h1-lh: 44px;
		--bx-h2-size: 32px; --bx-h2-lh: 36px;
		--bx-h3-size: 23px; --bx-h3-lh: 29px;
		--bx-h4-size: 19px; --bx-h4-lh: 25px;
		--bx-section-y: 52px;
	}
}