/* Дизайн-токены темы «Империя колодцев». Один селектор — одна строка деклараций. */
@font-face { font-family: 'Geometria'; font-weight: 300; font-style: normal; font-display: swap; src: url('../fonts/Geometria-Light.woff2') format('woff2'); }
@font-face { font-family: 'Geometria'; font-weight: 400; font-style: normal; font-display: swap; src: url('../fonts/Geometria.woff2') format('woff2'); }
@font-face { font-family: 'Geometria'; font-weight: 500; font-style: normal; font-display: swap; src: url('../fonts/Geometria-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Geometria'; font-weight: 700; font-style: normal; font-display: swap; src: url('../fonts/Geometria-Bold.woff2') format('woff2'); }
@font-face { font-family: 'Geometria'; font-weight: 800; font-style: normal; font-display: swap; src: url('../fonts/Geometria-Bold.woff2') format('woff2'); }

:root {
	/* Палитра старого сайта: яркий оливковый #799511 как основной, #527000 — тёмный оттенок для hover и текста на светлом,
	   солнечный жёлтый #ffd800 для кнопок и акцентов, светлые фоны #f4f6f8 */
	--vk-deep: #527000;
	--vk-deep-2: #618a05;
	--vk-deep-3: #799511;
	--vk-brand: #799511;
	--vk-brand-dark: #527000;
	--vk-brand-light: #eef5d8;
	--vk-sun: #ffd800;
	--vk-sun-dark: #e9c600;
	--vk-ok: #799511;
	--vk-mist: #f4f6f8;
	--vk-mist-2: #e4e8ee;
	--vk-sand: #fbf7ea;
	--vk-white: #ffffff;
	--vk-ink: #1d2417;
	--vk-text: #333a2e;
	--vk-muted: #6a7364;
	--vk-line: #e2e5ea;
	--vk-bg: #ffffff;

	/* Типографика */
	--vk-font: 'Geometria', 'Segoe UI', Roboto, Arial, sans-serif;
	--vk-fs-1: clamp(2rem, 1.4rem + 2.4vw, 3.4rem);
	--vk-fs-2: clamp(1.55rem, 1.2rem + 1.4vw, 2.3rem);
	--vk-fs-3: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
	--vk-fs-4: 1.05rem;
	--vk-fs-body: 1rem;
	--vk-fs-sm: 0.875rem;
	--vk-lh: 1.6;

	/* Ритм и форма */
	--vk-container: 1240px;
	--vk-gutter: clamp(16px, 4vw, 32px);
	--vk-section: clamp(48px, 4vw + 24px, 88px);
	--vk-gap: clamp(16px, 2vw, 28px);
	--vk-radius: 16px;
	--vk-radius-sm: 10px;
	--vk-radius-pill: 999px;
	--vk-shadow: 0 10px 30px rgba(82, 112, 0, 0.10);
	--vk-shadow-lg: 0 24px 60px rgba(82, 112, 0, 0.18);
	--vk-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--vk-t: 0.22s var(--vk-ease);
}