:root {
	--font-family: 'Montserrat', sans-serif;
	--primary-color: #272626; /* lighter dark */
	--secondary-color: #F9F4F4; /* light red */
	--tertiary-color: #C7372F; /* apple red */
	--essence-color: #0f0f0f; /* darker dark */
}

/* Global Styles */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family) ;
  color: var(--secondary-color);
  scroll-behavior: smooth;
  background-color: var(--primary-color);
  transition: background-color 0.3s ease-in-out;
  
}