:root {
    --color-primary: #D40000;
    --color-primary-rgb: 212, 0, 0;
    --color-primary-dark: #D40000;
	--color-primary-dark-rgb: 212, 0, 0;
    --color-secondary: #FF0000;
    --color-secondary-rgb: 254, 82, 82;
	--accent-color: #D40000; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
    --accent-color-dark: #FF0000;
  /*--surface-color: #151d2d;  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. */
	--db-links: var(--color-secondary); 
	--db-links_hover: var(--color-white);
	--db-header-color:  var(--color-black);
	--db-footer-content-color: #848482;
	--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-secondary);
	--db-nav-toggle: var(--color-white);
	--db-footer-legal: var(--color-secondary);
	--db-footer-legal-rgb: var(--color-secondary-rgb);
	--db-footer-copyright: var(--color-secondary);
	--db-scroll-top: var(--color-secondary);
	--db-scroll-top-hover: var(--color-primary-rgb);
	--nav-color: var(--color-white);
	--nav-hover-color: var(--color-primary);
	--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-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. */
}
