: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;*/
	
    /*--default-color: #212529;  Default color used for the majority of the text content across the entire website */    
    --accent-color: #0276D7; /* 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: #0276D7;
	--color-primary-rgb: 2, 118, 215;
	--color-primary-dark: #000B27;
	--color-links: #C27780;
	--color-links-hover: #973547;

	--footer-content-color: #FF5381;
	--color-secondary: #8FB7E5;
	--color-secondary-rgb: 143, 183, 229;
	--contrast-color: #000000;
	--contrast-color-rgb: 0, 0, 0;
	
	--accent-success: #198754;
	--accent-danger: #dc3545;
}

/* Nav Menu Colors */
:root {
	--nav-color: var(--color-white);
	--nav-hover-color: var(--color-white);
	--nav-hover-underline: var(--color-secondary);
	--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-mobile-background-color-rgb: var(--color-primary-rgb);
    --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. */
}

:root {
    
	--db-links: var(--color-secondary); 
	--db-links_hover: var(--color-white);
	--db-header-color:  var(--color-primary-dark);
	--db-footer-content-color: var(--color-primary);
	--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-hover-underline: var(--color-primary);
}