/**
 * Дизайн-токены сайта (сняты с оригинала на Tilda).
 * Меняя значения здесь, вы меняете оформление всего сайта сразу.
 */

:root {
	/* Цвета */
	--color-accent: #025278;        /* основной фирменный цвет: заголовки, кнопки, ссылки-акценты */
	--color-accent-glow: #0082a8;   /* свечение/тень у кнопок при наведении */
	--color-accent-dark: #013a56;   /* hover для кнопок и ссылок */
	--color-text: #000000;
	--color-text-secondary: #6d6d6d;
	--color-white: #ffffff;
	--color-bg: #ffffff;
	--color-bg-alt: #f4f8fa;        /* лёгкий фон секций */
	--color-border: #e1e8eb;
	--color-danger: #c0392b;        /* "нет в наличии" и т.п. */
	--color-success: #2e7d32;

	/* Типографика */
	--font-main: 'Roboto', Arial, Helvetica, sans-serif;
	--fs-base: 16px;
	--fs-small: 14px;
	--fs-h1: 33px;
	--fs-h2: 28px;
	--fs-h3: 22px;
	--fs-h4: 18px;
	--lh-base: 1.5;

	/* Сетка/отступы */
	--container-width: 1200px;
	--container-padding: 20px;
	--gap-sm: 8px;
	--gap-md: 16px;
	--gap-lg: 32px;
	--gap-xl: 48px;
	--radius-sm: 4px;
	--radius-md: 8px;

	/* Слои */
	--header-height: 128px;
	--z-header: 100;
	--z-popup: 1000;
	--z-widget: 900;

	/* Переходы */
	--transition-fast: 0.2s ease;
}