@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Sansita';
	src: url('/fonts/Sansita-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

:root {
	/* Primary (teal, derived from OK palette) */
	--color-primary: #006a5b;
	--color-primary-dark: #004d42;
	--color-primary-light: #ddeade;
	--color-primary-lighter: #eef5ee;

	/* OK / success */
	--color-ok: #006a5b;
	--color-ok-mid: #5a9b8e;
	--color-ok-light: #ddeade;
	--color-ok-light-plus: #d2e3d3;

	/* Warning */
	--color-warning: #e99900;
	--color-warning-mid: #f0bc5e;
	--color-warning-light: #fae1bd;

	/* Error */
	--color-error: #b71e3f;
	--color-error-mid: #d57a8a;
	--color-error-light: #f3dedc;

	/* Neutral / pending */
	--color-neutral: #fbd24a;
	--color-neutral-mid: #fce89a;
	--color-neutral-light: #fdf8e7;
}

body {
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: 'Sansita', sans-serif;
	font-style: italic;
}

* {
	box-sizing: border-box;
}