:root {
    --bg-color: #fdfdfd;
    /* --bg-color: #333; */
    --text-color: #333;
    /* --text-color: white; */
    /* --main-color: #754ef9; */
    --main-color: #FF5500;
    --white-color: #fdfdfd;
    --shadow-color: rgba(0, 0, 0, 0.2);
    --transition: all 500ms ease-in-out;
}

.dark-mode {
    --bg-color: #333;
    --text-color: white;
    --main-color: #FF5500;
    --shadow-color: rgba(0, 0, 0, 0.7);
}

.navbar a {
    color: var(--main-color);
}

.navbar a.active::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: .2rem;
    background: var(--main-color);
}

.header.sticky .navbar a::before {
    background: var(--main-color);
    opacity: 0.7;
}

#darkMode-icon {
    color: var(--main-color);
}

#menu-icon {
    color: var(--main-color);
}