/* FONTS */
@font-face {
	font-family: 'urwgothic';
	src:
		url('/fonts/urwgothic/urwgothic.woff2') format('woff2'),
		url('/font/urwgothic/urwgothic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'urwgothic';
	src:
		url('/fonts/urwgothic/urwgothicDemi.woff2') format('woff2'),
		url('/font/urwgothic/urwgothicDemi.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

:root {
	/* Brand Colours */
	--color-brand: #4fd1d1;
	--color-brand-light: #5af5f5;
	--color-accent: #3c6f79;
	--color-accent-light: #5094a2;
	--color-title: #ebebeb;
	--color-bg-light: #404c55;
	--color-bg-dark: #2b343c;

	/* Shadows */
	--color-shadow: hsla(210, 20%, 5%, 0.35);
	--shadow-std: 0 4px 12px var(--color-shadow);
	--shadow-up: 0 -4px 12px var(--color-shadow);
}