/* global.css */
@font-face {
	font-family: 'ColdrockHeadline';
	src: url('/assets/fonts/headline-lexend-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ColdrockRegular';
	src: url('/assets/fonts/clean-lexend-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

:root {
	--primary: #2952A3;
	--primary-dark: #1A3568;
	--secondary: #5475B5;
	--bg-gradient-start: #090D15;
	--bg-gradient-end: #1A3568;
	--accent: #a37a29;
	--text-light: #E6E7E8;
	--white: #fff;
}

html {
	/* Move background to html so z-index: -1 on canvas works */
	background: linear-gradient(to bottom, var(--bg-gradient-start), var(--bg-gradient-end));
	min-height: 100vh;
}

body {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	font-family: 'ColdrockRegular', sans-serif;
	color: var(--text-light);
}

/* Apply headline font to all heading tags automatically */
h1, h2, h3, h4, h5, h6, .coming-soon-heading {
	font-family: 'ColdrockHeadline', sans-serif;
}

#snowstorm {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 0;
	pointer-events: none;
}