/* Dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        --opw-bg: #202020;
        --opw-card: #3C3C3C;
        --opw-text: #E3E3E3;
        --opw-surface: #2b2b2b;
        --opw-border: #6B6B6B;
        --opw-geannuleerd: rgba(65, 65, 65, 0.4);
        --opw-geannuleerd-text: rgba(158, 158, 158, 0.4);
    }

    body.page-id-494,
    body.page-id-489 {
        background: var(--opw-bg);
        color: var(--opw-text);
    }

    .dashboard-card {
        background: var(--opw-surface);
    }

    .opwekking-dashboard input[type="date"]::-webkit-calendar-picker-indicator,
    .opwekking-dashboard input[type="time"]::-webkit-calendar-picker-indicator {
        filter: invert(1);
    }
}