@charset "UTF-8";
/* BRAND COLOURS
warm black #211e1c
warm grey #3f3a36
stone #d2cdc5
ivory #f8f8f6
orange #ff5e1e 
BRAND COLOURS */
:root {
	/* Fluid base font size using clamp() */	
	font-size: clamp(14px, 1vw + 0.5rem, 18px);
 	/* Fluid spacing scale */
 	--space-sm: clamp(0.5rem, 1vw, 1rem);
 	--space-md: clamp(1rem, 2vw, 2rem);
 	/* headings */
	--heading-font: "Aleo", serif;
	--heading-weight: 700;
	--heading-color: #ff5e1e;
 	/* paragraphs */
	--paragraph-font: "Lato", sans-serif;
	--paragraph-weight: 400;
	--paragraph-bold: 600;
	--paragraph-color: #211e1c;
 	/* header colours */
	--shallowHeader-color: #211e1c;
	--navLink-color: #ff5e1e;
	--navHover-color: #3f3a36;
 	/* primary button colours */
	--buttonPrimary_backgroundColor: #3f3a36;
	--buttonPrimary_textColor: #d2cdc5;
	--buttonPrimary_hoverColor: #ff5e1e;
	--buttonPrimary_textHoverColor: #f8f8f6;
 	/* secondary button colours */
	--buttonSecondary_backgroundColor: #C4C5BA;
	--buttonSecondary_textColor: #595f39;
	--buttonSecondary_hoverColor: #595f39;
	--buttonSecondary_textHoverColor: #E4E4DE;
 	/* panel colours */
	--orange: #ff5e1e;	
	--light_panelTint: #f8f8f6;	
	--med_panelTint: #d2cdc5;	
	--dark_panelTint: #3f3a36;	
	--black_panelTint: #211e1c;	
}