:root {
    color-scheme: light;
    --ui-bg: #f4f6fa;
    --ui-surface: #ffffff;
    --ui-surface-muted: #eef2f7;
    --ui-surface-hover: #e4eaf2;
    --ui-text: #182230;
    --ui-muted: #526176;
    --ui-border: #ccd5e1;
    --ui-primary: #1d4ed8;
    --ui-primary-hover: #1e40af;
    --ui-on-primary: #ffffff;
    --ui-link: #1d4ed8;
    --ui-danger: #b42332;
    --ui-danger-bg: #fff0f1;
    --ui-success: #087443;
    --ui-success-bg: #e7f6ee;
    --ui-warning: #8a4b08;
    --ui-warning-bg: #fff4d6;
    --ui-shadow: 0 8px 26px #18223012;
    --ui-overlay: #0b132466;
}
html[data-theme="dark"] {
    color-scheme: dark;
    --ui-bg: #10161f;
    --ui-surface: #192330;
    --ui-surface-muted: #202d3e;
    --ui-surface-hover: #2c3b50;
    --ui-text: #edf2f9;
    --ui-muted: #b4c1d3;
    --ui-border: #40516a;
    --ui-primary: #2563eb;
    --ui-primary-hover: #1d4ed8;
    --ui-on-primary: #ffffff;
    --ui-link: #93c5fd;
    --ui-danger: #ffacb6;
    --ui-danger-bg: #472330;
    --ui-success: #86e6b5;
    --ui-success-bg: #183c30;
    --ui-warning: #f7d18b;
    --ui-warning-bg: #44341e;
    --ui-shadow: 0 8px 26px #00000033;
    --ui-overlay: #030712b3;
}
body.egl-admin, body.egl-cabinet {
    background: var(--ui-bg);
    color: var(--ui-text);
}
.appearance-select {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ui-muted);
    font-size: 13px;
}
.appearance-select select {
    min-height: 38px;
    max-width: 100%;
    padding: 7px 30px 7px 10px;
    border: 1px solid var(--ui-border);
    border-radius: 8px;
    color: var(--ui-text);
    background-color: var(--ui-surface);
    font: inherit;
}
.appearance-select select:focus-visible {
    outline: 2px solid var(--ui-link);
    outline-offset: 3px;
}
@media (pointer: coarse) {
    .appearance-select select { min-height: 44px; font-size: 16px; }
}
@media print {
    :root, html[data-theme="dark"] {
        color-scheme: light;
        --ui-bg: #ffffff;
        --ui-surface: #ffffff;
        --ui-surface-muted: #f3f4f6;
        --ui-surface-hover: #e5e7eb;
        --ui-text: #111827;
        --ui-muted: #374151;
        --ui-border: #9ca3af;
        --ui-link: #1d4ed8;
        --ui-shadow: none;
    }
    .appearance-select { display: none !important; }
}