: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;
    /* Base Colors */
    --primary-color: #FF8A26;
    --secondary-color: #CA6510;
    --background-light: #FFEDDF;
    --background-lighter: #FEF4EA;
    --background-dark: #2C2C2C;
    --highlight-color: #D46310;
    --action-color: #FD7E14;
    --text-light: #FFF;
    --warning-color: #FF9C00;
    --dark-color: #000;
    --header-warning-color: #8C3915;
    --accent-background-color: #F98C2F;
    --badge-background-color: #dc3545;
    /* Header */
    --header-background-color: #E6E7E8 !important;
    --header-icon-color: var(--primary-color) !important;
    --header-icon-hover-color: var(--secondary-color) !important;
    /* Left Panel */
    --left-panel-toggle-color: var(--primary-color) !important;
    --left-panel-toggle-hover-color: #000 !important;
    --left-panel-toggle-hover-background-color: var(--text-light) !important;
    --left-panel-background-color: #005349 !important;
    --left-panel-menu-color: #00564C !important;
    --left-panel-menu-item-background-color: #BEC9C5 !important;
    --left-panel-menu-hover-color: #00564C !important;
    --left-panel-menu-notification-icon-color: var(--highlight-color) !important;
    --left-panel-menu-hover-background-color: #BEC9C5 !important;
    --left-panel-menu-active-background-color: #BEC9C5 !important;
    --left-panel-menu-active-color: #00564C !important;
    /* Toolbar */
    --toolbar-wtdsprg-color: var(--text-light) !important;
    --toolbar-wtdsprg-background-color: #00564C !important;
    --toolbar-wtdsprg-hover-background-color: #F98C2F !important;
    --toolbar-button-color: var(--text-light) !important;
    --toolbar-button-background-color: #00564C !important;
    --toolbar-button-hover-color: #00564C !important;
    --toolbar-button-hover-background-color: #BEC9C5 !important;
    /* Popup buttons (dxbl-btn-standalone.dxbl-btn-primary) */
    --popup-button-color: #00564C !important;
    --popup-button-background-color: #BEC9C5 !important;
    --popup-button-hover-color: #00564C !important;
    --popup-button-hover-background-color: #A6B4AE !important;
    /* Upboard */
    --grid-header-background-color: #E6E7E8 !important;
    --grid-header-color: #8C3915;
    --grid-row-hover-background-color: #E6E7E8 !important;
    --grid-row-hover-color: #000;
    --grid-add-guest-icon-background-color: #10893E;
    --grid-remove-guest-icon-background-color: #ff6c00;
    --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);
    /* Login */
    --login-page-background-color: #E6E7E8 !important;
    --login-surface-background-color: var(--left-panel-background-color) !important;
    --login-title-logo-background-color: var(--login-page-background-color) !important;
    --login-slogan-color: #000;
    --login-button-background-color: #BEC9C5 !important;
    --login-button-color: #00564C !important;
    --login-button-hover-background-color: #A6B4AE !important;
    --login-button-hover-color: #00564C !important;
    /* Logos */
    --app-logo: url('/images/scoreboard-logo.svg');
    --company-logo: url('/images/dfa-logo.svg');
    /* Bootstrap links/buttons (btn-link, etc.) */
    --bs-link-color: #00564C !important;
    --bs-link-color-rgb: 0, 86, 76 !important;
    --bs-link-hover-color: #BEC9C5 !important;
    --bs-link-hover-color-rgb: 190, 201, 197 !important;
    /* Bootstrap text-primary (EmptyDataArea messages, etc.) */
    --bs-primary: #00564C !important;
    --bs-primary-rgb: 0, 86, 76 !important;
    /* DevExpress switch checkbox (checked state) */
    --checkbox-switch-checked-background-color: #00564C !important;
    /* DevExpress checkbox/radio (checked border) */
    --checkbox-radio-checked-border-color: #00564C !important;
    /* DevExpress pager (active page button) */
    --pager-active-page-background-color: #00564C !important;
    --pager-active-page-color: #FFF !important;
    /* DevExpress list-box/combobox (selected item in dropdown) */
    --dropdown-item-selected-background-color: #00564C !important;
    --dropdown-item-selected-color: #FFF !important;
}