/* Light mode background */
body.outside.rad-theme {
    background: #F2E7CD !important;
    background-image: none !important;
}

/* Dark mode background - respond to system preference */
@media (prefers-color-scheme: dark) {
    body.outside.rad-theme {
        background: #20412E !important;
        background-image: none !important;
    }
}

/* Dark mode background - also respond to Statamic dark mode toggle */
html.dark body.outside.rad-theme {
    background: #20412E !important;
    background-image: none !important;
}

/* Logos: Show light logo by default */
img[src*="veganfaqs-logo-light"] {
    display: block !important;
}

img[src*="veganfaqs-logo-dark"] {
    display: none !important;
}

/* Logos: Switch to dark logo when system is in dark mode */
@media (prefers-color-scheme: dark) {
    img[src*="veganfaqs-logo-light"] {
        display: none !important;
    }
    
    img[src*="veganfaqs-logo-dark"] {
        display: block !important;
    }
}

/* Logos: Also switch to dark logo when Statamic is in dark mode */
html.dark img[src*="veganfaqs-logo-light"] {
    display: none !important;
}

html.dark img[src*="veganfaqs-logo-dark"] {
    display: block !important;
}