/* Global Colors */
:root {
	--background-color: #ffffff;
	--background-color-rgb: 255, 255, 255;
	--heading-color: #2d465e; /* Color for headings, subheadings and title throughout the website */
	--color-default: #000000;
	--color-default-rgb: 0, 0, 0;
    --accent-color: #08915e; /* 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. */

	--color-primary: #D4003B;
	--color-primary-rgb: 212, 0, 59;
	--color-primary-dark: #073839;
	--color-links: #C27780;
	--color-links-hover: #973547;

	--footer-content-color: #FF5381;
	--color-secondary: #4FFEFE;
	--color-secondary-rgb: 79, 254, 254;
	--contrast-color: #000000;
	--contrast-color-rgb: 0, 0, 0;

	--color-white: #ffffff;
	--color-white-rgb: 255, 255, 255;
	--color-black: #000000;
	--color-black-rgb: 0, 0, 0;
}