@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root {
	--front: rgb(18, 36, 50);
	--main: rgb(14, 28, 40);
	--back: rgb(10, 20, 30);

    --title: rgb(255, 255, 255);
	--text: rgb(210, 215, 220);
	--subtext: rgb(150, 160, 170);

	--success: rgb(46, 204, 113);
	--warning: rgb(241, 196, 15);
	--error: rgb(231, 76, 60);
	--info: rgb(52, 152, 219);

    --black: rgb(0, 0, 0);
    --white: rgb(255, 255, 255);
}

/* Normal Theme */
.theme-normal {
	--primary: rgb(8, 188, 152);
	--primary-light: rgb(12, 220, 175);
	--primary-dark: rgb(5, 120, 100);
}

/* Halloween Theme */
.theme-halloween {
	--primary: rgb(255, 140, 0);
	--primary-light: rgb(255, 165, 0);
	--primary-dark: rgb(139, 69, 19);
}

/* Christmas Theme */
.theme-christmas {
	--primary: rgb(220, 20, 60);
	--primary-light: rgb(255, 69, 0);
	--primary-dark: rgb(139, 0, 0);
}