/**
 * Дизайн-токены редизайна bel-baza.ru.
 * Единственный источник правды для цветов, шрифтов, размеров.
 * Любой блок ссылается ТОЛЬКО на эти переменные. Хардкод-значений в блоках быть не должно.
 */

/* ============================================================
   ШРИФТЫ (локальные .woff2 из assets/fonts/, файлы добавляются вручную)
   ============================================================ */

@font-face {
	font-family: 'Manrope';
	src: url('/theme/fonts/Manrope-Regular-cyrillic.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

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

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

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

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

@font-face {
	font-family: 'Geologica';
	src: url('/theme/fonts/Geologica-ExtraBold-latin.woff2') format('woff2');
	font-weight: 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;
}

:root {

	/* --- Палитра --- */
	--color-primary: #E22B2B;          /* основной красный, CTA, акценты */
	--color-primary-hover: #C41E1E;    /* hover состояние */
	--color-cream: #FBF7F0;            /* основной светлый фон */
	--color-cream-deep: #F3ECE0;       /* фон секций для контраста */
	--color-white: #FFFFFF;
	--color-text: #2A1F1A;             /* основной текст */
	--color-text-muted: #6B5D52;       /* вторичный текст */
	--color-sage: #A9B89A;             /* акцент шалфейный, иллюстрации */
	--color-green-deep: #2E5D3A;       /* B2B-добавка, ТОЛЬКО топбар */
	--color-charcoal: #1C1612;         /* B2B-добавка, ТОЛЬКО футер */
	--color-border: #E8DFD2;           /* границы карточек, разделители */

	/* --- Шрифты --- */
	--font-heading: 'Geologica', 'Onest', system-ui, sans-serif;
	--font-body: 'Manrope', system-ui, sans-serif;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
	--fw-extrabold: 800;

	/* --- Типографика (модульная шкала) --- */
	--fs-h1: clamp(2.25rem, 4vw, 3.5rem);
	--fs-h2: clamp(1.75rem, 3vw, 2.5rem);
	--fs-h3: clamp(1.375rem, 2vw, 1.75rem);
	--fs-h4: 1.25rem;
	--fs-body: 1rem;
	--fs-small: 0.875rem;
	--lh-tight: 1.15;
	--lh-base: 1.55;

	/* --- Геометрия --- */
	--container-max: 1320px;
	--container-pad: clamp(1rem, 3vw, 2rem);
	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-lg: 20px;
	--shadow-card: 0 2px 12px rgba(42, 31, 26, 0.06);
	--shadow-card-hover: 0 6px 24px rgba(42, 31, 26, 0.10);

	/* --- Отступы --- */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-9: 96px;

	/* --- Breakpoints (справочно, для разработчика) ---
	   <= 640px        — mobile
	   641px–1024px    — tablet
	   >= 1025px       — desktop
	*/
}