/* Light-only ERP enforcement: only Windows blue and Zywa zielen accents remain selectable. */
html,
html[data-vario-theme],
html[data-vario-theme="windows-light"],
html[data-vario-theme="windows-dark"],
html[data-vario-theme="forest"] {
    --vario-app-bg: #d5dbe3;
    --vario-shell-bg: #d5dbe3;
    --vario-nav-bg: #e6e9ed;
    --vario-brand-bg: var(--vario-accent);
    --vario-brand-border: var(--vario-accent);
    --vario-brand-muted: #eaf4ff;
    --vario-titlebar-bg: #f7f9fb;
    --vario-statusbar-bg: #e6e9ed;
    --vario-content-bg: #dde2e8;
    --vario-workbench-bg: #eef1f4;
    --vario-toolbar-bg: linear-gradient(#f7f9fb, #dce3eb);
    --vario-surface: #f8fafc;
    --vario-surface-alt: #e8edf3;
    --vario-surface-muted: #dce3eb;
    --vario-surface-hover: color-mix(in srgb, var(--vario-accent) 10%, #f3f6fa);
    --vario-border: #98a4b2;
    --vario-border-strong: #7f8fa0;
    --vario-border-soft: #c5cfdb;
    --vario-text: #1f2937;
    --vario-text-strong: #111827;
    --vario-text-muted: #536173;
    --vario-active-text: #111827;
    --vario-active-bg: color-mix(in srgb, var(--vario-accent) 16%, #ffffff);
    --vario-grid-bg: #ffffff;
    --vario-grid-header-bg: linear-gradient(#f0f3f7, #ced8e4);
    --vario-grid-hover-bg: color-mix(in srgb, var(--vario-accent) 10%, #ffffff);
    --vario-input-bg: #ffffff;
    --vario-input-readonly-bg: #edf1f5;
    --vario-modal-bg: #f8fafc;
    --vario-modal-body-bg: #e8edf3;
    --vario-empty-bg: #f8fbff;
    --vario-empty-border: #d8e4f2;
    --vario-preview-border: #98a4b2;
    color-scheme: light;
}

html .vario-win-shell,
html[data-vario-theme] .vario-win-shell {
    color: var(--vario-text);
    background: var(--vario-app-bg);
}

html .vario-win-nav,
html .nav-scrollable,
html[data-vario-theme] .vario-win-nav,
html[data-vario-theme] .nav-scrollable {
    background: var(--vario-nav-bg);
    border-color: var(--vario-border);
}

html .vario-win-titlebar,
html .vario-win-statusbar,
html[data-vario-theme] .vario-win-titlebar,
html[data-vario-theme] .vario-win-statusbar {
    color: var(--vario-text);
    background: var(--vario-titlebar-bg);
    border-color: var(--vario-border);
}

html .vario-win-content,
html[data-vario-theme] .vario-win-content {
    background: var(--vario-content-bg);
}

html .vario-win-workbench,
html .vario-erp-header,
html .vario-erp-section,
html .vario-erp-module-card,
html .vario-erp-process-card,
html .vario-erp-register-row,
html .vario-panel,
html .vario-module-card,
html[data-vario-theme] .vario-win-workbench,
html[data-vario-theme] .vario-erp-header,
html[data-vario-theme] .vario-erp-section,
html[data-vario-theme] .vario-erp-module-card,
html[data-vario-theme] .vario-erp-process-card,
html[data-vario-theme] .vario-erp-register-row,
html[data-vario-theme] .vario-panel,
html[data-vario-theme] .vario-module-card {
    color: var(--vario-text);
    background: var(--vario-surface);
    border-color: var(--vario-border);
}

html .vario-win-document-tabs,
html .vario-win-filterbar,
html .vario-erp-section-header,
html[data-vario-theme] .vario-win-document-tabs,
html[data-vario-theme] .vario-win-filterbar,
html[data-vario-theme] .vario-erp-section-header {
    color: var(--vario-text);
    background: var(--vario-surface-muted);
    border-color: var(--vario-border);
}

html .vario-win-commandbar,
html[data-vario-theme] .vario-win-commandbar {
    color: var(--vario-text);
    background: var(--vario-toolbar-bg);
    border-color: var(--vario-border);
}

html .vario-win-commandbar .btn,
html .input-group .btn,
html .vario-erp-workspace .btn,
html .vario-purchase-form .btn,
html[data-vario-theme] .vario-win-commandbar .btn,
html[data-vario-theme] .input-group .btn,
html[data-vario-theme] .vario-erp-workspace .btn,
html[data-vario-theme] .vario-purchase-form .btn {
    color: var(--vario-text);
    background: var(--vario-surface-muted);
    border-color: var(--vario-border-strong);
}

html .btn-primary,
html .vario-win-commandbar .btn-primary,
html .vario-erp-workspace .btn-primary,
html .vario-purchase-form .btn-primary,
html[data-vario-theme] .btn-primary,
html[data-vario-theme] .vario-win-commandbar .btn-primary,
html[data-vario-theme] .vario-erp-workspace .btn-primary,
html[data-vario-theme] .vario-purchase-form .btn-primary {
    color: #ffffff;
    background: var(--vario-accent);
    border-color: var(--vario-accent);
}

html .vario-win-tab,
html[data-vario-theme] .vario-win-tab {
    color: var(--vario-text);
    background: var(--vario-surface-muted);
    border-color: var(--vario-border);
    text-decoration: none;
}

html .vario-win-tab.active,
html .vario-win-grid-pane,
html[data-vario-theme] .vario-win-tab.active,
html[data-vario-theme] .vario-win-grid-pane {
    color: var(--vario-text-strong);
    background: var(--vario-grid-bg);
}

html .vario-win-details-pane,
html[data-vario-theme] .vario-win-details-pane {
    color: var(--vario-text);
    background: var(--vario-surface-alt);
    border-color: var(--vario-border);
}

html .table,
html[data-vario-theme] .table {
    color: var(--vario-text);
    background: var(--vario-grid-bg);
}

html .vario-data-grid thead th,
html[data-vario-theme] .vario-data-grid thead th {
    color: var(--vario-text-strong);
    background: var(--vario-grid-header-bg);
    border-color: var(--vario-border);
}

html .vario-data-grid tbody td,
html[data-vario-theme] .vario-data-grid tbody td {
    color: var(--vario-text);
    background: var(--vario-grid-bg);
    border-color: var(--vario-border-soft);
}

html .modal-content,
html .vario-erp-modal-content,
html[data-vario-theme] .modal-content,
html[data-vario-theme] .vario-erp-modal-content {
    color: var(--vario-text);
    background: var(--vario-modal-bg);
    border-color: var(--vario-border);
    border-radius: var(--vario-control-radius) !important;
}

html .modal-header,
html .modal-footer,
html .modal-body,
html .vario-erp-modal-body,
html[data-vario-theme] .modal-header,
html[data-vario-theme] .modal-footer,
html[data-vario-theme] .modal-body,
html[data-vario-theme] .vario-erp-modal-body {
    color: var(--vario-text);
    background: var(--vario-modal-body-bg);
    border-color: var(--vario-border);
}

html .vario-theme-tile,
html .vario-accent-tile,
html[data-vario-theme] .vario-theme-tile,
html[data-vario-theme] .vario-accent-tile {
    color: var(--vario-text);
    background: var(--vario-surface);
    border-color: var(--vario-border);
}