/* -------------------------------------------------
-                    brand.css                     -
------------------------------------------------- */

/* Colour palette
------------------------------------------------- */
:root {
	--brand-primary: #ff7777;
	--brand-primary-dark: #b95252;
	--brand-primary-light: #ffaeae;

	--brand-secondary: #ffe8d1;

	--brand-success: #28a745;
	--brand-warning: #ffc107;
	--brand-danger: #dc3545;

	/* Neutral greys */
	--gray-100: #f8f9fa;
	--gray-200: #e9ecef;
	--gray-300: #dee2e6;
	--gray-400: #ced4da;
	--gray-500: #adb5bd;
	--gray-600: #6c757d;
	--gray-700: #495057;
	--gray-800: #343a40;
	--gray-900: #212529;

	/* Text colours */
	--text-primary: var(--gray-900);
	--text-muted: var(--gray-600);
}
/* End of Colour palette
------------------------------------------------- */

/* Typography
------------------------------------------------- */
@font-face {
	font-family: "Internal";
	src: url("../fonts/unifontex-latin-400-normal.woff2") format("woff2"),
		url("../fonts/unifontex-latin-400-normal.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-base: 1rem; /* 16 px */
	--line-height: 1.5;
	--font-family: "Internal", system-ui, sans-serif;
}
/* End of Typography
------------------------------------------------- */

/* -------------- End of brand.css -------------- */