/* Токены дизайна GS-API. */

:root {
	--gs-color-primary: #182735;
	--gs-color-primary-soft: #22384a;
	--gs-color-accent: #ea4335;
	--gs-color-accent-dark: #c9352a;
	--gs-color-accent-light: #ff7a6e;
	--gs-color-secondary: #eaeaea;
	--gs-color-border: #dde1e6;
	--gs-color-text: #101820;
	--gs-color-body: #25313b;
	--gs-color-muted: #5b6670;
	--gs-color-muted-light: #8fa1b1;
	--gs-color-surface: #f6f7f8;
	--gs-color-surface-2: #eef1f4;
	--gs-color-white: #fff;
	--gs-color-code: #0f1a24;

	--gs-container: 1160px;
	--gs-gutter: 10px;

	--gs-radius-card: 20px;
	--gs-radius-field: 12px;
	--gs-radius-button: 8px;
	--gs-shadow-card: 0 0 10px rgba(0, 0, 0, .08);
	--gs-shadow-card-hover: 0 18px 40px rgba(24, 39, 53, .12);

	--gs-font-heading: "Manrope", system-ui, sans-serif;
	--gs-font-text: "Montserrat", system-ui, sans-serif;
	--gs-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

	--gs-transition-fast: .25s;

	--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: 56px;
}
