/*
 * Emmen Actueel Stable Light Mode 1.2
 * Performance-versie: geen MutationObserver, geen continue scans.
 */

:root,
html,
body,
body.ea-light-mode-lock {
    color-scheme: only light !important;
}

/* Jannah dark-mode knop volledig verwijderen */
.change-skin,
a.change-skin,
button.change-skin,
.components .change-skin,
.mobile-header-components .change-skin,
.dark-skin-switcher,
.dark-mode-switch,
.theme-mode-switcher,
.wp-dark-mode-switch {
    display: none !important;
}

/* Browsercontrols altijd licht */
body.ea-light-mode-lock input,
body.ea-light-mode-lock textarea,
body.ea-light-mode-lock select,
body.ea-light-mode-lock button,
body.ea-light-mode-lock option {
    color-scheme: only light !important;
}

/*
 * Voor eigen Emmen Actueel componenten zetten we de light design tokens vast.
 * Dit voorkomt dat eigen plugins via prefers-color-scheme donker worden.
 */
body.ea-light-mode-lock {
    --ea-bg: #ffffff;
    --ea-surface: #ffffff;
    --ea-card: #ffffff;
    --ea-text: #101828;
    --ea-muted: #667085;
    --ea-border: #e4e7ec;

    --ea112-ink: #101828;
    --ea112-muted: #667085;
    --ea112-line: #e4e7ec;
    --ea112-bg: #f6f8fb;
    --ea112-white: #ffffff;
}

@media (prefers-color-scheme: dark) {
    :root,
    html,
    body,
    body.ea-light-mode-lock {
        color-scheme: only light !important;
    }

    body.ea-light-mode-lock {
        --ea-bg: #ffffff !important;
        --ea-surface: #ffffff !important;
        --ea-card: #ffffff !important;
        --ea-text: #101828 !important;
        --ea-muted: #667085 !important;
        --ea-border: #e4e7ec !important;

        --ea112-ink: #101828 !important;
        --ea112-muted: #667085 !important;
        --ea112-line: #e4e7ec !important;
        --ea112-bg: #f6f8fb !important;
        --ea112-white: #ffffff !important;
    }
}