:root {
    --global-size: 1rem;
    --dx-accent-color: #078944;
}

body {
    font-size: var(--global-size);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

[data-dx-theme="FluentLight"],
[data-dx-theme="FluentLight"] body {
    --bs-body-bg: #ffffff;
    --bs-body-color: #323130;
    --bs-primary: var(--dx-accent-color, #0078d4);
    --bs-secondary: #605e5c;
    --bs-border-color: #edebe9;
    --bs-link-color: var(--dx-accent-color, #0078d4);
    --main-color: var(--dx-accent-color, #0078d4);
    --selected-menu: var(--dx-accent-color, #0078d4);
}

[data-dx-theme="FluentDark"],
[data-dx-theme="FluentDark"] body {
    --bs-body-bg: #1e1e1e;
    --bs-body-color: #ffffff;
    --bs-primary: var(--dx-accent-color, #60cdff);
    --bs-secondary: #a19f9d;
    --bs-border-color: #3b3a39;
    --bs-link-color: var(--dx-accent-color, #60cdff);
    --main-color: var(--dx-accent-color, #60cdff);
    --selected-menu: var(--dx-accent-color, #60cdff);
}

.dxbl-fluent {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

[data-dx-theme="FluentLight"] .btn-primary,
[data-dx-theme="FluentDark"] .btn-primary {
    background-color: var(--dx-accent-color) !important;
    border-color: var(--dx-accent-color) !important;
}

[data-dx-theme="FluentLight"] .nav-parent-node.active,
[data-dx-theme="FluentDark"] .nav-parent-node.active {
    box-shadow: inset 0.25rem 0 0 0 var(--dx-accent-color);
}

[data-dx-theme="FluentLight"] .nav-leaf-node.active,
[data-dx-theme="FluentDark"] .nav-leaf-node.active {
    box-shadow: inset 0.25rem 0 0 0 var(--dx-accent-color);
}