/* https://paletton.com/#uid=55y0u0kh+wN83RedmH8lXstqtoy */

:root {
	--color-primary-darkest: #BA2035;
	--color-primary-dark: #D84458;
	--color-primary: #F36A7D;
	--color-primary-light: #F7909E;
	--color-primary-lightest: #FBBCC5;
	--color-primary-light-ultra: hsl(351, 89%, 97%);

	--color-secondary-darkest: #941A6F;
	--color-secondary-dark: #AB3688;
	--color-secondary: #C255A1;
	--color-secondary-light: #D87EBD;
	--color-secondary-lightest: #ECB1DA;

	--color-alternative-darkest: #C46222;
	--color-alternative-dark: #E38447;
	--color-alternative: #FFA870;
	--color-alternative-light: #FFBF95;
	--color-alternative-lightest: #FFD8BF;
	--color-alternative-light-ultra: hsl(23, 100%, 97%);

	--color-grey: rgb(192, 192, 192);
	--color-grey-light: rgb(224, 224, 224);

	--color-green-darkest: hsl(120, 85%, 23%);
	--color-green-dark: hsl(120, 85%, 43%);
	--color-green: hsl(120, 85%, 68%);

	--radius-xl: 2rem;
	--radius-large: 1rem;
	--radius-medium: 0.5rem;
	--radius-small: 0.25rem;
}

@font-face {
	font-family: "Kalam";
	font-weight: normal;
	src: url("/font/Kalam-Regular.otf") format("opentype");
}

@font-face {
	font-family: "Kalam";
	font-weight: bold;
	src: url("/font/Kalam-Bold.otf") format("opentype");
}

@font-face {
	font-family: "Kalam";
	font-weight: 100;
	src: url("/font/Kalam-Light.otf") format("opentype");
}