:root {
    /* Page */
    --page-background-color: #F4F6F9;
    /* Scrollbar */
    --scrollbar-content-thumb-color: #000;
    --scrollbar-body-thumb-color: #fff;
    /* Icons & Dividers */
    --icon-muted-color: #6c757d;
    --divider-color: #ccc;
    /* Feedback / Danger */
    --danger-color: #dc3545;
    --focus-outline-color: rgba(13, 110, 253, 0.35);
    /* Surfaces & Overlays */
    --card-surface-background-color: #fff;
    --card-surface-border-color: #ddd;
    --card-surface-shadow-color: rgba(0, 0, 0, 0.05);
    --overlay-background-color: rgba(255, 255, 255, 0.9);
    --overlay-text-color: #000;
    --overlay-shadow-color: rgba(0, 0, 0, 0.15);
    --interactive-shadow-color: rgba(0, 0, 0, 0.14);
    /* Logos*/
    --scoreboard-logo: var(--app-logo);
    --brand-logo: var(--company-logo);
    --header-brand-logo: var(--brand-logo);
    --login-brand-logo: var(--brand-logo);
    /* Login */
    --login-page-background-color: var(--background-light) !important;
    --login-surface-background-color: var(--left-panel-background-color) !important;
    --login-surface-border-color: rgba(255, 255, 255, 0.18);
    --login-surface-shadow-color: rgba(0, 0, 0, 0.18);
    --login-title-logo-background-color: var(--login-page-background-color) !important;
    --login-slogan-color: rgba(255, 255, 255, 0.90);
    --login-quote-color: rgba(255, 255, 255, 0.92);
    --login-quote-author-opacity: 0.95;
    --login-button-background-color: var(--action-color) !important;
    --login-button-color: var(--text-light) !important;
    --login-button-hover-background-color: var(--secondary-color) !important;
    --login-button-hover-color: var(--text-light) !important;
    /* Header */
    --header-background-color: var(--background-light) !important;
    --header-icon-color: var(--primary-color) !important;
    --header-icon-hover-color: var(--secondary-color) !important;
    --header-icon-badge-background-color: var(--badge-background-color) !important;
    /* Left Panel */
    --left-panel-toggle-color: var(--primary-color) !important;
    --left-panel-toggle-hover-color: var(--dark-color) !important;
    --left-panel-toggle-hover-background-color: var(--text-light) !important;
    --left-panel-background-color: var(--background-dark) !important;
    --left-panel-menu-color: var(--text-light) !important;
    --left-panel-menu-hover-color: var(--highlight-color) !important;
    --left-panel-menu-notification-icon-color: var(--highlight-color) !important;
    --left-panel-menu-item-background-color: transparent !important;
    --left-panel-menu-hover-background-color: var(--toolbar-wtdsprg-hover-background-color) !important;
    --left-panel-menu-active-background-color: var(--toolbar-wtdsprg-hover-background-color) !important;
    --left-panel-menu-active-color: var(--left-panel-menu-color) !important;
    /* Toolbar */
    --toolbar-wtdsprg-color: var(--text-light) !important;
    --toolbar-wtdsprg-background-color: var(--action-color) !important;
    --toolbar-wtdsprg-hover-background-color: var(--accent-background-color) !important;
    --toolbar-button-color: var(--text-light) !important;
    --toolbar-button-background-color: var(--background-dark) !important;
    --toolbar-button-hover-color: var(--text-light) !important;
    --toolbar-button-hover-background-color: var(--highlight-color) !important;
    /* Popup buttons (dxbl-btn-standalone.dxbl-btn-primary) */
    --popup-button-color: var(--text-light) !important;
    --popup-button-background-color: var(--action-color) !important;
    --popup-button-hover-color: var(--text-light) !important;
    --popup-button-hover-background-color: var(--secondary-color) !important;
    /* DevExpress switch checkbox (checked state) */
    --checkbox-switch-checked-background-color: var(--action-color) !important;
    /* DevExpress checkbox/radio (checked border) */
    --checkbox-radio-checked-border-color: #fe7109 !important;
    /* DevExpress pager (active page button) */
    --pager-active-page-background-color: var(--toolbar-button-background-color) !important;
    --pager-active-page-color: var(--toolbar-button-color) !important;
    /* DevExpress list-box/combobox (selected item in dropdown) */
    --dropdown-item-selected-background-color: var(--action-color) !important;
    --dropdown-item-selected-color: var(--text-light) !important;
    /* Upboard */
    --grid-header-background-color: var(--background-lighter) !important;
    --grid-header-color: var(--header-warning-color) !important;
    --grid-row-hover-background-color: var(--background-light) !important;
    --grid-row-hover-color: var(--dark-color) !important;
    --grid-add-guest-icon-background-color: var(--grid-add-guest-icon-background-color) !important;
    --grid-remove-guest-icon-background-color: var(--grid-remove-guest-icon-background-color) !important;
    --grid-with-guest-name-background-color: var(--warning-color);
    --grid-with-guest-name-color: var(--text-light);
    --grid-with-guest-name-hover-background-color: var(--secondary-color);
    --grid-with-guest-name-hover-color: var(--text-light);
    --grid-action-button-background-color: var(--action-color);
    --grid-action-button-color: var(--text-light);
    --grid-action-button-hover-background-color: var(--secondary-color);
    --grid-action-button-hover-color: var(--text-light);
    --grid-one-strike-remaining-background-color: var(--warning-color);
    --grid-one-strike-remaining-color: var(--text-light);
}