/* Global accessibility tokens (Phase 15). Loaded after openestate.css in _Host.cshtml.
   :root prefers-contrast overrides must live here — not in scoped Blazor CSS files. */

:focus-visible {
    outline: 2px solid var(--ev-primary, #4AAEE1);
    outline-offset: 2px;
}

/* Syncfusion / Bootstrap: ensure visible focus */
.e-btn:focus-visible,
.e-control:focus-visible,
.btn:focus-visible,
[tabindex]:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible {
    outline: 2px solid var(--ev-primary, #4AAEE1) !important;
    outline-offset: 2px !important;
}

@media (prefers-contrast: more) {
    :root {
        --ev-bg: #000000;
        --ev-text: #FFFFFF;
        --ev-border: #FFFFFF;
        --ev-primary: #4FC3F7;
        --ev-error: #FF6B6B;
        --ev-warning: #FFD93D;
        --ev-success: #69F0AE;
        --ev-panel-bg: #0A0A0A;
        --ev-card-bg: #0A0A0A;
        --ev-toolbar-bg: #0A0A0A;
        --ev-text-secondary: #CCCCCC;
        --ev-text-muted: #AAAAAA;
        --ev-rail-bg: #0A0A0A;
        --ev-input-bg: #111111;
        --ev-input-text: #FFFFFF;
        --ev-input-border: #FFFFFF;
        --ev-danger: #FF6B6B;
        --ev-shadow: rgba(255,255,255,0.2);
    }
}