/* Theme adjustments -------------------------------------------------------
   Colours come from tokens.css, where body[data-theme="dark"] swaps them.
   This file only holds what a token cannot express. */

/* Uploaded logos are usually opaque artwork on white, so inverting them turns
   the whole image into a white block. On dark surfaces the logo sits on a
   small light badge instead, which works for transparent logos too. */
body[data-theme="dark"] .login-brand img {
    padding: 4px 8px;
    background: #ffffff;
    border-radius: var(--radius-md);
    box-sizing: content-box;
}

/* Native controls, scrollbars, and date pickers follow the theme. */
body[data-theme="dark"] {
    color-scheme: dark;
}

/* Fields sit slightly proud of the panel on dark surfaces, where a field the
   same colour as its panel disappears. */
body[data-theme="dark"] {
    --field-bg: var(--color-surface-muted);
}