html[data-theme="light"],
:root {
    --header-branding-color: var(--primary);
    --header-bg: white;
}

html[data-theme="light"] #header, #header {
    --header-color: black;
    --header-link-color: var(--secondary);
    border-bottom: 1px solid #e2e2e2;
}

#branding h1 a:link, #branding h1 a:visited {
    color: var(--secondary);
}

html[data-theme="light"] .mode-dark, .mode-dark {
    display: none;
}

html[data-theme="light"] .mode-light, .mode-light {
    display: inline;
}