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

@font-face {
	font-family: 'Black Ravens';
	src: url('../fonts/Black-Ravens.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@layer theme {
	:root
	{
		/* Color wheel */
		/* Color palette */
		--color-primary: #EF6C39;
		--color-secondary: #DFCDAE;
		--color-success: #67C673;
		--color-danger: #FE5C89;
		--color-warning: #FFCD23;
		--color-info: #67BAC6;
		--color-accent: #468E93;
		--color-error: #FE5C89;
		--color-light: #FFF;
		--color-muted: #F2EBDE;
		--color-dark:  #000;

		/* Font attributes */
		/* Font sizes */
		/* Text shadows */
		/* Box shadows */
		/* Box heights */
		/* Spacings */
		/* Border radiuses */

		--font-family-display: 'Black Ravens', cursive;
		--font-family-sans: 'Montserrat', sans-serif;

		--font-family-accent: var(--font-family-display);
		--font-family-title: var(--font-family-sans);
		--font-family-base: var(--font-family-sans);

		--font-weight-thin: 200;
		--font-weight-base: 400;
		--font-weight-thick: 600;

		--font-size-huge: calc(2 * var(--font-size-3dxl));
	}
}