/* Stylings around light mode */
html[data-bs-theme="light"] body {
    color: rgb(11, 60, 97);
}

html[data-bs-theme="light"] .theme-primary {
    background-color: #fff;
}

html[data-bs-theme="light"] .theme-primary-important {
    background-color: #fff !important;
}

html[data-bs-theme="light"] .theme-secondary {
    background-color: #eee;
}

html[data-bs-theme="light"] .theme-secondary-important {
    background-color: #eee !important;
}

html[data-bs-theme="light"] .theme-primary.theme-bottom-sep {
    border-bottom: 1px solid #999;
}

html[data-bs-theme="light"] a.theme-primary:hover, html[data-bs-theme="light"] button.theme-primary:hover, html[data-bs-theme="light"] .dropdown.theme-primary:hover {
    background-color: #eee;
}

html[data-bs-theme="light"] a.theme-primary-important:hover, html[data-bs-theme="light"] button.theme-primary-important:hover, html[data-bs-theme="light"] .dropdown.theme-primary-important:hover {
    background-color: #eee;
}

html[data-bs-theme="light"] a.theme-secondary:hover, html[data-bs-theme="light"] button.theme-secondary:hover, html[data-bs-theme="light"] .dropdown.theme-secondary:hover {
    background-color: #ddd;
}

html[data-bs-theme="light"] a.theme-secondary-important:hover, html[data-bs-theme="light"] button.theme-secondary-important:hover, html[data-bs-theme="light"] .dropdown.theme-secondary-important:hover {
    background-color: #ddd;
}

html[data-bs-theme="light"] a.theme-primary, html[data-bs-theme="light"] a.theme-secondary, html[data-bs-theme="light"] button.theme-primary, html[data-bs-theme="light"] button.theme-secondary {
    text-decoration: none;
    color: rgb(11, 60, 97);
}

html[data-bs-theme="light"] a.theme-primary-opp:hover, html[data-bs-theme="light"] a.theme-secondary-opp:hover, html[data-bs-theme="light"] button.theme-primary-opp:hover, html[data-bs-theme="light"] button.theme-secondary-opp:hover {
    background-color: #232931;
}

html[data-bs-theme="light"] a.theme-primary-opp, html[data-bs-theme="light"] a.theme-secondary-opp, html[data-bs-theme="light"] button.theme-primary-opp, html[data-bs-theme="light"] button.theme-secondary-opp {
    text-decoration: none;
    background-color: rgb(11, 60, 97);
    color: #eee;
}

html[data-bs-theme="light"] .dir.main {
    fill: black;
}

html[data-bs-theme="light"] .dir.secondary {
    fill: grey;
}