/* Токены дизайна. Значения по умолчанию совпадают с живыми сайтами.
   В рантайме их перекрывает инлайн-блок из inc/tokens.php. */

:root {
	--gs-color-primary: #182735;
	--gs-color-secondary: #eaeaea;
	--gs-color-accent: #ea4335;
	--gs-color-border: #c7c7c7;
	--gs-color-text: #000;
	--gs-color-menu-text: #33373d;
	--gs-color-muted: #494949;
	--gs-color-surface: #f8f8f8;
	--gs-color-zebra: #f3f3f3;
	--gs-color-white: #fff;

	/* Живой сайт: контейнер 1140 px с отступом 10 px внутри (поля 150 px при 1440). */
	--gs-container: 1160px;
	--gs-gutter: 10px;

	--gs-radius-card: 20px;
	--gs-radius-field: 10px;
	--gs-radius-button: 8px;
	--gs-radius-link-card: 2px;
	--gs-shadow-card: 0 0 10px rgba(0, 0, 0, .15);

	--gs-font-heading: "Manrope", sans-serif;
	--gs-font-text: "Montserrat", sans-serif;

	--gs-transition-fast: .3s;
	--gs-transition-slow: .5s;

	--gs-space-1: 8px;
	--gs-space-2: 16px;
	--gs-space-3: 24px;
	--gs-space-4: 32px;
	--gs-space-5: 48px;
	--gs-space-6: 64px;

	--gs-header-height: 70px;
	--gs-header-height-mobile: 50px;

	--gs-breakpoint-tablet: 1024px;
	--gs-breakpoint-mobile: 767px;
}