:root {
    --background-color: #ffffff; /* Background color for the entire website, including individual sections */
    --default-color: #003f60; /* Default color used for the majority of the text content across the entire website */
    --heading-color: #101f0c; /* Color for headings, subheadings and title throughout the website */
    --accent-color: #cdeafc; /* 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. */
}

.light-background {
    --background-color: #e6e9fc;
    --surface-color: #ffffff;
}

.footer {
    color: #003f60;
    background-color: #ffffff;
    font-size: 14px;
    padding: 5px 0;
    position: relative;
}