@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root {
	/* База */
	--rem-base: 17px;

	/* Шрифт */
	--font-family-primary: "Inter", sans-serif;
	--font-family-mono: 'JetBrains Mono', 'Fira Mono', 'Menlo', 'Consolas', 'Liberation Mono', monospace;

	/* Размеры текста */
	--f-s-xs: 0.7rem; /* font-size */
	--f-s-s: 0.8rem;
	--f-s-m: 0.95rem;
	--f-s-l: 1.3rem;
	--f-s-xl: 1.7rem;
	--f-s-xxl: 2.3rem;

	--l-h-xs: 1.59em; /* line-height */
	--l-h-s: 1.50em;
	--l-h-m: 1.50em;
	--l-h-l: 1.44em;
	--l-h-xl: 1.38em;
	--l-h-xxl: 1.27em;

	--f-w-normal: 400; /* font-weight */
	--f-w-semibold: 500;
	--f-w-bold: 600;

	/* Размеры заголовков */
	--l-h-head-xs: 1.28em; /* line-height */
	--l-h-head-s: 1.2em;
	--l-h-head-m: 1.2em;
	--l-h-head-l: 1.12em;
	--l-h-head-xl: 1.12em;
	--l-h-head-xxl: 1.05em;
}

svg {
	width: 160px !important;
	height: auto !important;
	border: 1px solid #ddd !important;
}

.tg-webapp {
	--color-background: var(--tg-theme-bg-color) !important;
	--color-surface: var(--tg-theme-surface-color) !important;
	--color-foreground: var(--tg-theme-text-color) !important;
	--color-accent: var(--tg-theme-accent-text-color) !important;
	--color-accent-2: var(--tg-theme-accent-text-color) !important;
	--color-link: var(--tg-theme-link-color) !important;
	--color-focus: var(--tg-theme-destructive-text-color) !important;
	--color-block: var(--tg-theme-secondary-bg-color) !important;
}

.default-tg-theme-colors-example {
	--tg-theme-accent-text-color: #2fdeb6;
	--tg-color-scheme: dark;
	--tg-theme-bg-color: #212432;
	--tg-theme-bottom-bar-bg-color: #212432;
	--tg-theme-button-color: #2fdeb6;
	--tg-theme-button-text-color: #ffffff;
	--tg-theme-destructive-text-color: #f44d4d;
	--tg-theme-header-bg-color: #212432;
	--tg-theme-hint-color: #9898b0;
	--tg-theme-link-color: #2fdeb6;
	--tg-theme-secondary-bg-color: #292d3e;
	--tg-theme-section-bg-color: #212432;
	--tg-theme-section-header-text-color: #2fdeb6;
	--tg-theme-section-separator-color: #1e202d;
	--tg-theme-subtitle-text-color: #9898b0;
	--tg-theme-text-color: #e2e2e4;
	--tg-viewport-height: 766px;
	--tg-viewport-stable-height: 766px;
	--tg-safe-area-inset-top: 0px;
	--tg-safe-area-inset-bottom: 0px;
	--tg-safe-area-inset-left: 0px;
	--tg-safe-area-inset-right: 0px;
	--tg-content-safe-area-inset-top: 0px;
	--tg-content-safe-area-inset-bottom: 0px;
	--tg-content-safe-area-inset-left: 0px;
	--tg-content-safe-area-inset-right: 0px;
}