:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #313030; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #473d3a; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #ff5821; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}