:root {
  --background-color: #000000; /* Background color for the entire website, including individual sections */
  --default-color: #77ff77; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #119911; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #00ff00; /* 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: #000000; /* 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. */
}
.light-background {
  --background-color: #005700;
  --surface-color: #000000;
}