:root {
	--success: green;
	--accent: #5ABA0C;
	--font: Inter;
	--white: 'white';

    --primary: #000000;
    --error: rgb(186, 26, 26);
    --onError: rgb(255, 255, 255);
    --background: rgb(255, 251, 255);
    --onBackground: rgb(30, 27, 22);
    --surfaceVariant: rgb(241, 241, 241 );
    --onSurfaceVariant: rgb(77, 70, 57);
    --outline: #7F7667;
    --shadow: rgb(0, 0, 0);
    --backdrop: rgba(54, 48, 36, 0.4);

	--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");
}