/* Dark mode now relies on variable overrides in tokens.css.
   Keep only targeted structural adjustments that require direct styling. */

body.dark-mode {
    background-color: var(--color-bg);
    color: var(--color-fg);
}

body.dark-mode a {
    color: var(--color-primary);
}

body.dark-mode .navbar,
body.dark-mode .dropdown-menu,
body.dark-mode footer {
    background-color: var(--color-bg-alt);
    color: var(--color-fg);
    border-color: var(--color-border);
}

/* Fallback: ensure focus visibility in dark mode if browser default is weak */
body.dark-mode :focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}