/*
 * Dark mode — the few fixes that are not token-driven (inc/theme-mode.php).
 * Colours themselves come from tokens.css :root[data-theme="dark"].
 *
 * @package Soofos
 */

/* Logo: the navy wordmark is unreadable on the dark header; swap in the
   white-wordmark variant (same blue mark). */
:root[data-theme="dark"] img[src*="/assets/img/logo.svg"] {
    content: url("../img/logo-white.svg");
}

/* Body follows the page token (some templates set no background). */
:root[data-theme="dark"] body {
    background-color: var(--page);
    color: var(--body);
}

/* Native form controls and scrollbars pick the dark scheme from
   color-scheme (tokens.css). */
:root[data-theme="dark"] ::placeholder {
    color: var(--muted-2);
}

/* Footer (shell.css paints it with --ink / --white, which swap roles in
   dark): keep it a navy band with white text. Scoped re-point of the two
   tokens so every footer rule follows without editing shell.css. */
:root[data-theme="dark"] #sf-footer {
    --ink: var(--player-dark);
    --white: var(--on-navy);
    --blue-fill: var(--on-navy-strong);   /* footer links */
    --faint: var(--on-navy-faint);
    background: var(--player-dark);
    color: var(--on-navy);
}