:root {
    --main-color: 66, 158, 204; /* #429ecc */
    --secondary-color: 148, 148, 150; /* #949496 */
    --secondary-color-light: 245, 245, 245; /* #f5f5f5 */
    --secondary-color-dark: 97, 108, 111; /* #616c6f */
    --logo-bg-color: 69, 82, 91; /* #45525b (using navbar color) */
    --navbar-color: 69, 82, 91; /* #45525b */
    --navbar-text-color: 221, 221, 221; /* #dddddd */
    --search-bg-opacity: 0.2; /* rgba(0,0,0,0.2) */
    --search-text-color: 255, 255, 255; /* #ffffff */
    --search-text-opacity: 1;
    --highlight-color: 255, 255, 0; /* #ffff00 */
    --link-color: 66, 158, 204; /* #429ecc */
    --link-color-hover: 35, 123, 184; /* from @main-color-opacity values */
    --bs-bg-opacity: 1;
}

.dark-mode {
    --main-color: 66, 158, 204; /* #429ecc */
    --secondary-color: 44, 49, 55; /* #2c3137 */
    --secondary-color-light: 148, 148, 150; /* #949496 */
    --secondary-color-dark: 198, 198, 198; /* #c6c6c6 */
    --logo-bg-color: 69, 82, 91; /* #45525b */
    --link-color: 255, 255, 255; /* #ffffff */
    --link-color-hover: 221, 221, 221; /* #dddddd */
}