:root {
	/*Основной цвет текста*/
	--basic: #000;
	/*Основной фон полей*/
	--field: white;
	/*Основной фон всего*/
	--background: rgba(247, 247, 248, 1);
	/*Цвет ошибки*/
	--error: #ac1a1a;
	/*Цвет успешного действия*/
	--success: green;
	/*Выделенный текст*/
	--accent: #5ABA0C;
	/*Вспомогательный текст*/
	--auxiliary: #5F6368;
	/*Цвет текста в кнопках*/
	--title: #213d0a;
	/*Фоны кнопок*/
	--btn: #d1eeb6;
	--btn2: rgb(229, 252, 209);
	--font: Inter;
	--outline: #75786b;
	--disabled: rgba(217, 217, 217, 1);
	--surfaceVariant: #f0f0f0;
	--special: #fff;
	--white: 'white';

    --primary: #000000;
    --onPrimary: #ffffff;
    --primaryContainer: #999999;
    --onPrimaryContainer: #000000;
    --secondary: #3d3838;
    --onSecondary: #c7c2c2;
    --secondaryContainer: #d5d1d1;
    --onSecondaryContainer: #2e2a2a;
    --tertiary: rgb(74, 101, 70);
    --onTertiary: rgb(255, 255, 255);
    --tertiaryContainer: rgb(204, 235, 196);
    --onTertiaryContainer: rgb(8, 32, 8);
    --error: rgb(186, 26, 26);
    --onError: rgb(255, 255, 255);
    --errorContainer: rgb(255, 218, 214);
    --onErrorContainer: rgb(65, 0, 2);
    --background: rgb(255, 251, 255);
    --onBackground: rgb(30, 27, 22);
    --surface: rgb(255, 251, 255);
    --onSurface: rgb(30, 27, 22);
    --surfaceVariant: rgb(241, 241, 241 );
    --onSurfaceVariant: rgb(77, 70, 57);
    --outline: #7F7667;
    --outlineVariant: #ffffff;
    --shadow: rgb(0, 0, 0);
    --scrim: rgb(0, 0, 0);
    --inverseSurface: rgb(52, 48, 42);
    --inverseOnSurface: rgb(248, 239, 231);
    --inversePrimary: rgb(248, 189, 42);
    --elevation-level0: transparent;
    --elevation-level1: rgb(248, 243, 242);
    --elevation-level2: rgb(244, 238, 235);
    --elevation-level3: rgb(240, 233, 227);
    --elevation-level4: rgb(239, 232, 224);
    --elevation-level5: rgb(236, 228, 219);
    --surfaceDisabled: rgba(30, 27, 22, 0.12);
    --onSurfaceDisabled: rgba(30, 27, 22, 0.38);
    --backdrop: rgba(54, 48, 36, 0.4);
    --catBack: #ffffff;
    --catText: #000000;

	--tg: #87cefa;
	--viber: #9370db;
	--vk: #0077ff;
	--wa: #25d366;
}

@font-face {
	font-family: TTFirs;
	font-style: normal;
	src: url("/fonts/TTFirs.ttf");
}
@font-face {
	font-family: ALTRiviera;
	font-style: normal;
	src: url("/fonts/ALTRiviera.otf");
}
@font-face {
	font-family: Inter;
	font-style: normal;
	src: url("/fonts/Inter.ttf");
}
@font-face {
	font-family: Manrope;
	font-style: normal;
	src: url("/fonts/Manrope.ttf");
}
@font-face {
	font-family: Rubik;
	font-style: normal;
	src: url("/fonts/Rubik.ttf");
}