/*
 * Boroda Expert — design tokens (строго чорно-білий)
 * Джерело правди для кольорів, типографіки, відступів, радіусів.
 */
:root {
	/* --- Колір --- */
	--boroda-black: #0d0d0d;
	--boroda-black-pure: #000000;
	--boroda-white: #ffffff;
	--boroda-gray-50: #f7f7f7;
	--boroda-gray-100: #ededed;
	--boroda-gray-200: #dcdcdc;
	--boroda-gray-300: #c2c2c2;
	--boroda-gray-400: #9a9a9a;
	--boroda-gray-600: #5c5c5c;
	--boroda-gray-800: #1f1f1f;

	/* --- Шрифти --- */
	--boroda-font-heading: 'Unbounded', sans-serif;
	--boroda-font-body: 'Manrope', sans-serif;

	/* --- Розміри заголовків: desktop / tablet / mobile --- */
	--boroda-h1-desktop: 68px;
	--boroda-h1-tablet: 50px;
	--boroda-h1-mobile: 40px;

	--boroda-h2-desktop: 48px;
	--boroda-h2-tablet: 38px;
	--boroda-h2-mobile: 32px;

	--boroda-h3-desktop: 32px;
	--boroda-h3-tablet: 28px;
	--boroda-h3-mobile: 24px;

	--boroda-h4-desktop: 24px;
	--boroda-h4-tablet: 22px;
	--boroda-h4-mobile: 20px;

	--boroda-body-desktop: 19px;
	--boroda-body-mobile: 17px;

	--boroda-small: 15px;
	--boroda-caption: 14px;

	/* --- Ширини --- */
	--boroda-content-width: 1360px;
	--boroda-text-width: 760px;

	/* --- Вертикальні відступи секцій: desktop / mobile --- */
	--boroda-section-lg: 120px;
	--boroda-section-md: 90px;
	--boroda-section-sm: 60px;

	--boroda-section-lg-m: 72px;
	--boroda-section-md-m: 56px;
	--boroda-section-sm-m: 40px;

	/* --- Радіуси --- */
	--boroda-radius-sm: 8px;
	--boroda-radius-md: 16px;
	--boroda-radius-lg: 24px;
	--boroda-radius-pill: 999px;

	/* --- Рух --- */
	--boroda-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--boroda-speed: 0.25s;
}