/* Global Colors */
:root {
	--background-color: #000000;
    --background-color-rgb: 0, 0, 0;
	
	--heading-color: #ffffff; /* Color for headings, subheadings and title throughout the website */
	--color-default: #ffffff;
	--color-default-rgb: 255, 255, 255;
	
	--default-color: #ffffff; /* Default color used for the majority of the text content across the entire website */ 

    --surface-color: #222222; /* 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;

	--content-color: #212529;
    --second-color: #4FFEFE;
    --second-color-rgb: 79, 254, 254;
    --contrast-color: #ffffff;
    --contrast-color-rgb: 255, 255, 255;

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

/* Nav Menu Colors */
:root {
  --nav-color: #ffffff;
  --nav-hover-color: #ffffff;
  --nav-dropdown-color: #3a3939;
  --nav-dropdown-hover-color: #e84545;
  --nav-dropdown-background-color: #ffffff;
  --nav-mobile-background-color: #ffffff;
}