:root{
--main-color: 0, 47, 108;
--secondary-color: 0, 47, 108;
--secondary-color-light: 255, 198, 0;
--secondary-color-dark: 69, 82, 91;
--logo-bg-color: 15, 5, 43;
--navbar-color: 255, 255, 255;
--navbar-text-color: 0, 47, 108;
--search-text-color: 255, 255, 255;
--highlight-color: 66, 158, 204;
--link-color: 0, 47, 108;
--link-color-hover: 79, 137, 213;
--search-bg-opacity: 0.3;
--search-text-opacity: 1;
--bs-bg-opacity: 1;
}

.dark-mode{
--main-color: 79, 137, 213;
--secondary-color: 255, 198, 0;
--secondary-color-light: 145, 145, 145;
--secondary-color-dark: 197, 208, 211;
--logo-bg-color: 15, 5, 43;
--navbar-color: 255, 255, 255;
--navbar-text-color: 0, 47, 108;
--search-text-color: 255, 255, 255;
--highlight-color: 66, 158, 204;
--link-color: 224, 215, 184;
--link-color-hover: 255, 198, 0;
--search-bg-opacity: 0.3;
--search-text-opacity: 1;
}