:root {
    --main-color: 35, 123, 184; /*#429ecc*/
    --secondary-color: 148,148,150; /*@secondary-color*/
    --secondary-color-light: 245,245,245; /*@secondary-color-extra-light*/
    --secondary-color-dark: 97,108,111; /*@secondary-color-dark*/
    --logo-bg-color: 15, 5, 43; /*#0F052B*/
    --navbar-color: 15, 5, 43;
    --navbar-text-color: 245,245,245;
    --search-bg-opacity: 0.2; /*@search-input-area-overlay-color*/
    --search-text-color: 255,255,255; /*@search-input-text-color*/
    --search-text-opacity: 1; /*@search-input-area-overlay-color*/
    --highlight-color: 255, 255, 0; /*#ffff00*/
    --link-color: 66, 158, 204;
    --link-color-hover: 46, 138, 164;
    --bs-bg-opacity: 1;
}

.dark-mode {
    --main-color: 135, 123, 184;
    --secondary-color: 48,48,50;
    --secondary-color-light: 145,145,145;
    --secondary-color-dark: 197,208,211;
    --logo-bg-color: 15, 5, 43;
    --link-color: 255, 255, 255;
    --link-color-hover: 221, 221, 221;
}