/* brovacar#2604: бренд-шар — ЛИШЕ значення токенів (структура/імена — designSystem,
   рішення Вадіка 02.10.2026 п.4, namespace-правило design-system#452 розділ 4.6).
   Значення підібрані зі старого сайту (brovacar#429 design-tokens.md) у ТУ САМУ
   структуру dropt-токенів (design-system#196), не копія старої схеми 1:1 — мапінг
   design-system#452 розділ 3. */

:root {
	--font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* brovacar#2617 п.4 (design-system#452 «Кольори бренду», варіант (а)): --splash/
	   --splash-d (посилання/h2, старий сайт #008bcd) і --btn-bg/--btn-bg-hover (кнопки,
	   #498fce) ТУТ БІЛЬШЕ НЕ ЗАДАЮТЬСЯ статично — живо з library design|colorPrimary/
	   colorSecondary через Html::brandColorStyle() (head.php, інлайн <style> ПІСЛЯ
	   цього бандла). Значення вище — лише дефолт МІЖ деплоєм і першим рендером (той
	   самий набір, що в library зараз); тримати як fallback, якщо інлайн-стиль колись
	   випаде з head.php. Похідна тінт-шкала (-75/-50/-25/-10/-5/-opa-*) прибрана —
	   ніде не використовувалась (grep перед правкою), дефолт зі спільного шару
	   (designSystem/0-tokens.css) лишається неторканим. */
	--splash: #008bcd;
	--splash-d: #006a9c;
	--primary: var(--splash);
	/* brovacar#2695 (рішення Вадіка 05.10.2026): текст посилань #0076ae — той самий відтінок,
	   5.0:1 на білому (#008bcd давав 3.77:1). --splash (акцент/фони) не змінено. */
	--link: #0076ae;

	/* Текст — теплий темний сірий зі старого сайту */
	--main: #3f3e3a;
	--main-75: #6b6a67;
	--main-50: #979693;
	--main-25: #c3c2c0;
	--main-10: #e5e4e3;
	--main-5: #f3f2f1;
	--main-opa-75: #3f3e3abf;
	--main-opa-50: #3f3e3a80;
	--main-opa-25: #3f3e3a40;
	--main-opa-10: #3f3e3a1a;
	--main-opa-5: #3f3e3a0d;

	--error-text: #f04249;
	--error-back: #fdecec;

	--radius: 4px;

	/* brovacar#2611: другий акцент (старий сайт #498fce, кнопки) — значення тепер живе
	   з library через brandColorStyle() (коментар вище); тут лишається fallback. */
	--btn-bg: #2f78bd; /* brovacar#2696: AA з білим текстом (≈4.9:1); був #498fce 3.44:1 */
	--btn-bg-hover: #2a6aa8;
	--btn-border: var(--btn-bg);
	--btn-outline-text: var(--splash-d); /* brovacar#2693: AA на білому (#498fce давав 3.44:1) */

	/* Темна шапка/верхня смуга/футер — зі старого сайту (design-tokens.md), ЛИШЕ
	   значення токенів компонентів (design-system#452 розділ 4.6) */
	--header-bg: #193c5c;
	--header-text: #ffffff;
	--header-border: #193c5c;
	--header-divider: #ffffff33; /* brovacar#2711: напівпрозорий світлий розділювач у темному меню */
	--header-link-hover: #7cc0e2;

	--topbar-bg: #e8ebee;
	--topbar-text: #3f3e3a;
	--topbar-link: #3f3e3a;
	--topbar-link-hover: #006a9c; /* brovacar#2695: ≥4.5:1 і на фоні смуги #e8ebee (#0076ae там 4.18) */

	--footer-bg: #062f4c;
	--footer-text: #ffffffbf;
	--footer-link-hover: #ffffff;
	--footer-border: #ffffff40;

	--hero-bg: #e8ebee;
	/* brovacar#2693: затемнення hero — темно-синій бренду (#0b2238 = на тон темніший за шапку
	   #193c5c), зліва щільніше (під текстом), справа легше (фото читається) */
	--ghost-hover-text: #0b2238;
	--hero-overlay-strong: #0b2238e0;
	--hero-overlay-soft: #0b223873;
}

/* brovacar#2604: Montserrat самохостинг — woff2, cyrillic+latin, font-display: swap,
   системний fallback (0-tokens.css --font-family). Ліцензія — public/fonts/OFL.txt
   (SIL Open Font License, офіційний текст). Жодних запитів до сторонніх доменів
   (рішення Вадіка 02.10.2026 п.5) — файли лежать у public/fonts/, Variable Font
   (один файл покриває 400-700), @font-face декларується на три вживані ваги. */

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/montserrat-cyrillic.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/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: 600;
	font-display: swap;
	src: url(../fonts/montserrat-cyrillic.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(../fonts/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: 700;
	font-display: swap;
	src: url(../fonts/montserrat-cyrillic.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/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;
}

/* brovacar#2711: вага 500 (пункти мобільного меню) — той самий Variable Font, окрема декларація, щоб браузер
   віддав саме 500, а не найближчу задекларовану 400 */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../fonts/montserrat-cyrillic.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../fonts/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;
}

/* --- Ajax loader progress bar --- */
/* Перенесено з global/template/front/css/loader.css (brovacar#2604) — current/ повністю
   перекриває папку global/template/front/css/ (Asset.php, design-system#452 розділ 1.1),
   без цього файлу ajax-прогресбар зникає. */

body.loading::after {
	content: '';
	position: fixed;
	top: 0;
	left: -60%;
	width: 60%;
	height: 3px;
	background: var(--primary);
	border-radius: 0 2px 2px 0;
	z-index: 10000;
	animation: loader-slide 1s cubic-bezier(.4, 0, .2, 1) infinite;
}

@keyframes loader-slide {
	0%   { left: -60%; }
	100% { left: 100%; }
}