/**
 * ImagePartner layout branding — deep navy sidebar and topbar in dark mode.
 * Loaded after assets/app.css so these values survive theme bundle updates.
 */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

/* Poppins is the default admin layout font (theme customizer "Poppins" option). */
html:not([data-font-family]),
html[data-font-family="poppins"],
html[data-font-family="default"] {
    --font-sans: "Poppins", sans-serif;
}

html:not([data-font-family]) body,
html[data-font-family="poppins"] body,
html[data-font-family="default"] body {
    font-family: "Poppins", sans-serif;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        --root-bg: #000d1b;
        --layout-sidebar-background: #071a2d;
        --layout-topbar-background: #071a2d;
    }
}

:root:has(input.theme-controller[value="dark"]:checked),
[data-theme="dark"],
:root:has(input.theme-controller[value="dim"]:checked),
[data-theme="dim"],
:root:has(input.theme-controller[value="material-dark"]:checked),
[data-theme="material-dark"] {
    --root-bg: #000d1b;
    --layout-sidebar-background: #071a2d;
    --layout-topbar-background: #071a2d;
}

/* Light page theme with dark sidebar (sidebar theme toggle). */
#layout-sidebar[data-theme="dark"],
html[data-sidebar-theme="dark"] #layout-sidebar,
[data-theme="mixed"] #layout-sidebar {
    --layout-sidebar-background: #071a2d;
}

[data-theme="mixed"] #layout-topbar {
    --layout-topbar-background: #071a2d;
}