/* Public Fluent Design System tokens. Root scope also reaches XAF popup windows,
   dropdowns, alerts and editors rendered outside .proc-app. */
html[data-portal-theme="vysocina"] {
    --dxds-primary-10: #f0f3f9;
    --dxds-primary-20: #e3e9f4;
    --dxds-primary-30: #d3dded;
    --dxds-primary-40: #bdcbe4;
    --dxds-primary-50: #a0b3d8;
    --dxds-primary-60: #7f9acc;
    --dxds-primary-70: #5e7fb9;
    --dxds-primary-80: #3c60a3;
    --dxds-primary-90: #1d418c;
    --dxds-primary-100: #193a7d;
    --dxds-primary-110: #15316c;
    --dxds-primary-120: #122a5c;
    --dxds-primary-130: #10244f;
    --dxds-primary-140: #0c1c40;
    --dxds-primary-150: #091531;
    --dxds-primary-160: #060f24;
    --dxds-primary-170: #030918;
    --dxds-font-family-sans-serif: var(--portal-font-family);
    --dxds-font-weight-base-default: 300;
    --dxds-font-weight-base-strong: 500;
    --dxds-font-weight-base-stronger: 500;
    --dxds-font-weight-title-default: 500;
    --dxds-font-weight-headline-default: 500;
    --dxds-border-radius-20: var(--portal-radius);
    --dxds-border-radius-40: var(--portal-radius);
    --dxds-box-shadow-md: var(--portal-shadow);
    --dxds-box-shadow-lg: var(--portal-shadow);
    --bs-body-font-family: var(--portal-font-family);
    --bs-font-sans-serif: var(--portal-font-family);
    --bs-body-color: var(--portal-text);
    --bs-primary: var(--portal-primary);
    --bs-primary-rgb: 29, 65, 140;
    --bs-link-color: var(--portal-primary);
    --bs-link-hover-color: var(--portal-primary-hover);
    --bs-border-color: var(--portal-border);
}
html[data-portal-theme="vysocina"] .btn-primary {
    --bs-btn-bg: var(--portal-primary);
    --bs-btn-border-color: var(--portal-primary);
    --bs-btn-hover-bg: var(--portal-primary-hover);
    --bs-btn-hover-border-color: var(--portal-primary-hover);
    --bs-btn-active-bg: var(--portal-primary-hover);
    --bs-btn-active-border-color: var(--portal-primary-hover);
}
html[data-portal-theme="vysocina"] .btn-outline-primary {
    --bs-btn-color: var(--portal-primary);
    --bs-btn-border-color: var(--portal-border);
    --bs-btn-hover-bg: var(--portal-primary);
    --bs-btn-hover-border-color: var(--portal-primary);
    --bs-btn-active-bg: var(--portal-primary);
    --bs-btn-active-border-color: var(--portal-primary);
}
/* DevExtreme uses its own light stylesheet, not Fluent variables. Keep this bridge
   restricted to its widgets and overlays; status/data-series colors stay intact. */
html[data-portal-theme="vysocina"] .dx-widget { font-family: var(--portal-font-family); }
html[data-portal-theme="vysocina"] .dx-overlay-content { font-family: var(--portal-font-family); border-color: var(--portal-border); border-radius: var(--portal-radius); }
html[data-portal-theme="vysocina"] .dx-button-default { background-color: var(--portal-primary); border-color: var(--portal-primary); }
html[data-portal-theme="vysocina"] .dx-button-default.dx-state-hover { background-color: var(--portal-primary-hover); }
html[data-portal-theme="vysocina"] .dx-texteditor.dx-state-focused { border-color: var(--portal-primary); }
html[data-portal-theme="vysocina"] .dx-chat-messagebubble-content { border-radius: var(--portal-radius); }