:root {
    --rz-primary: var(--mud-palette-primary);
    --pilottapp-accent-color: #7b58cf;
    --content-background-color: #e7e8eb;
    --top-row-background-color: #e7e8eb;
    --sidebar-background-color: var(--top-row-background-color);
    --facebook-font: "Segoe UI Historic,Segoe UI,Helvetica,Arial,sans-serif";
}

/*
 * Document root: only app chrome colors (body / theme-color / overscroll).
 * Do NOT set --rz-base-background-color here — Radzen defines
 * --rz-input-background-color: var(--rz-base-background-color) on :root, and
 * that var() is resolved on html. Putting black on html made Login/Register
 * text fields lose their default (light material) input fill.
 */
html.radzen-dark-theme {
    --content-background-color: #27272f;
    --top-row-background-color: #32333d;
    --sidebar-background-color: #32333d;
}

/* Page shell only (not html) — same as before the html.radzen-dark-theme change. */
.page.radzen-dark-theme {
    --rz-background-color: #0f172a;
    --rz-panel-background-color: #1e293b;
    --rz-text-color: #e5e7eb;
    --rz-base-background-color: black;
    --content-background-color: #27272f;
    --top-row-background-color: #32333d;
    --sidebar-background-color: #32333d;
}