:root {
	--color-primary: #70b9b0;
	--color-primary-rgb: 102, 167, 164;
	--color-primary-dark: #073839;
	--color-primary-dark-rgb: 0, 49, 0;
	--color-secondary: #FE5252;
	--color-secondary-light: #FE5252;
	--color-secondary-rgb: 254, 82, 82;
	--db-links: var(--color-secondary); 
	--db-links_hover: var(--color-white);
	--db-header-color:  var(--color-primary-dark);
	--db-footer-content-color: #70b9b0;
	--db-footer-legal-color: var(--color-primary-dark);
	--db-button-hero: var(--color-primary);
	--db-button-hero-rgb: var(--color-primary-rgb);
	--db-primary-rgb: var(--color-primary-rgb);  /*Primary RGB*/
	--db-header-text-color: var(--color-white);
	--db-header-text-color-span: var(--color-primary);
	--db-nav-toggle: var(--color-white);
	--db-footer-legal: var(--color-primary);
	--db-footer-legal-rgb: var(--color-primary-rgb);
	--db-footer-copyright: var(--color-primary);
	--db-scroll-top: var(--color-primary);
	--db-scroll-top-hover: var(--color-primary-rgb);
	--nav-color: var(--color-white);
	--nav-hover-color: var(--color-white);
	--nav-hover-underline: var(--color-primary);
	--nav-mobile-background-color: var(--color-primary); /* Used as the background color for mobile navigation menu */
    --nav-dropdown-background-color: var(--color-primary); /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
    --nav-dropdown-color: var(--color-white); /* Used for navigation links of the dropdown items in the navigation menu. */
    --nav-dropdown-hover-color: var(--color-secondary); /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}