:root {

    --statusIcon-background: var(--colors-background-100);
    --statusIcon-clip-border: 2px solid var(--colors-accent-100);

    --switch-checkBoxAfterDisabled-background: var(--colors-secondary-120);
    --switch-checkBoxAfterDisabled-border: 1px solid var(--colors-inactive-100);
    --switch-checkBoxAfterEnabled-background: var(--colors-accent-100);
    --switch-checkBoxAfterEnabled-border: 1px solid var(--colors-accent-100);
    --switch-checkbox-after-background: hsl(from var(--colors-on-background-80) h s l / 0.6);
    --switch-checkbox-after-border: 1px solid hsl(from var(--colors-on-background-80) h s l / 0.6);
    --switch-checkbox-after-color: var(--colors-on-primary-100);
    --switch-checkbox-background: transparent;
    --switch-checkbox-border: 1px solid hsl(from var(--colors-on-background-80) h s l / 0.6);
    --switch-checkbox-checked-color: var(--colors-on-primary-100);
    --switch-checkboxLabel-after-background: var(--colors-background-100);
    --switch-checkboxLabel-after-border: 1px solid var(--colors-background-100);
    --switch-checkboxLabel-after-color: var(--colors-on-primary-100);
    --switch-checkboxLabel-background: transparent;
    --switch-checkboxLabel-border: 1px solid var(--colors-background-100);
    --switch-labelDisabled-background: transparent;
    --switch-labelDisabled-border: 1px solid var(--colors-inactive-100);
    --switch-labelEnabled-background: transparent;
    --switch-labelEnabled-border: 1px solid var(--colors-accent-100);

    --systemMessageModal-background-color: var(--colors-on-primary-100);

    --tabs-icon-only-icon-notSelected-color: hsl(from var(--colors-on-surface-100) h s l / .4);
    --tabs-icon-only-icon-selected-color: var(--colors-on-surface-100);
    --tabs-icon-only-selectedBar-selected-background: var(--colors-accent-100);
    --tabs-icon-only-tabItem-background: transparent;
    --tabs-icon-only-tabItem-hover-icon-color: var(--colors-on-surface-100);
    --tabs-single-nav-links-tabSingleWrapper-active-borderBottom: 3px solid var(--colors-accent-100);
    --tabs-single-nav-links-tabSingleWrapper-active-color: var(--colors-on-surface-100);
    --tabs-single-nav-links-tabSingleWrapper-color: hsl(from var(--colors-on-surface-100) h s l / .4);
    --tabs-single-nav-links-tabSingleWrapper-hover-color: var(--colors-on-surface-100);
    --tabs-single-selectedBar-selected-background: var(--colors-accent-100);
    --tabs-single-tabIcon-notSelected-color: hsl(from var(--colors-on-surface-100) h s l / .4);
    --tabs-single-tabIcon-selected-color: var(--colors-on-surface-100);
    --tabs-single-tabItem-background: transparent;
    --tabs-single-tabItem-icon-hover-color: var(--colors-on-surface-100);
    --tabs-single-tabItem-label-hover-color: var(--colors-on-surface-100);
    --tabs-single-tabLabel-notSelected-color: hsl(from var(--colors-on-surface-100) h s l / .4);
    --tabs-single-tabLabel-selected-color: var(--colors-on-surface-100);
    --tabs-square-nav-links-tabSquareIconWrapper-background: var(--colors-on-surface-100);
    --tabs-square-nav-links-tabSquareIconWrapper-hover-background: var(--colors-on-surface-100);
    --tabs-square-nav-links-tabSquareIconWrapper-link-color: var(--colors-surface-100);
    --tabs-square-nav-links-tabSquareIconWrapper-link-hover-color: var(--colors-surface-100);
    --tabs-square-nav-links-tabSquareIconWrapper-link-selected-hover-background: #e9e9e9;
    --tabs-square-selectedBar-selected-background: var(--colors-accent-100);
    --tabs-square-tabIcon-notSelected-color: hsl(from var(--colors-on-surface-100) h s l / .4);
    --tabs-square-tabIcon-selected-color: var(--colors-on-surface-100);
    --tabs-square-tabItem-background: var(--colors-surface-100);
    --tabs-square-tabItem-hover-icon-color: var(--colors-on-surface-100);
    --tabs-square-tabItem-hover-color: var(--colors-on-surface-100);
    --tabs-square-tabLabel-notSelected-color: hsl(from var(--colors-on-surface-100) h s l / .4);
    --tabs-square-tabLabel-selected-color: var(--colors-on-surface-100);
    --tabs-tabNavButton-color: var(--colors-on-surface-100);
    --tabs-tabNavButton-newTag-background: var(--colors-success-100);
    --tabs-tabNavButton-newTag-color: var(--colors-on-success-100);
    --tabs-tabNavButton-selected-color: var(--colors-on-primary-100);

    --tabWithdrawals-tab-background: var(--colors-surface-100);
    --tabWithdrawals-tab-borderBottom: var(--colors-surface-100);
    --tabWithdrawals-tab-color: var(--colors-on-surface-100);
    --tabWithdrawals-tab-selected-borderBottom: var(--colors-on-surface-100);

    --toast-error-accent-background: hsl(from var(--colors-error-100) h s l / 0.6);
    --toast-error-accent-color: var(--colors-surface-100);
    --toast-error-border: 1px solid var(--colors-error-100);
    --toast-error-default-background: var(--colors-surface-100);
    --toast-error-default-color: var(--colors-on-surface-100);
    --toast-error-subtle-background: hsl(from var(--colors-error-100) h s l / 0.1);
    --toast-error-subtle-color: var(--colors-on-surface-100);
    --toast-info-accent-background: hsl(from var(--colors-on-surface-100) h s l / 0.6);
    --toast-info-accent-color: var(--colors-surface-100);
    --toast-info-border: 1px solid var(--colors-on-surface-100);
    --toast-info-default-background: var(--colors-surface-100);
    --toast-info-default-color: var(--colors-on-surface-100);
    --toast-info-subtle-background: hsl(from var(--colors-on-surface-100) h s l / 0.1);
    --toast-info-subtle-color: var(--colors-on-surface-100);
    --toast-success-accent-background: hsl(from var(--colors-success-100) h s l / 0.6);
    --toast-success-accent-color: var(--colors-surface-100);
    --toast-success-border: 1px solid var(--colors-success-100);
    --toast-success-default-background: var(--colors-surface-100);
    --toast-success-default-color: var(--colors-on-surface-100);
    --toast-success-subtle-background: hsl(from var(--colors-success-100) h s l / 0.1);
    --toast-success-subtle-color: var(--colors-on-surface-100);
    --toast-warning-accent-background: hsl(from var(--colors-warning-100) h s l / 0.6);
    --toast-warning-accent-color: var(--colors-surface-100);
    --toast-warning-border: 1px solid var(--colors-warning-100);
    --toast-warning-default-background: var(--colors-surface-100);
    --toast-warning-default-color: var(--colors-on-surface-100);
    --toast-warning-subtle-background: hsl(from var(--colors-warning-100) h s l / 0.1);
    --toast-warning-subtle-color: var(--colors-on-surface-100);
    --toast-svgIcon-error-accent-color: var(--colors-on-surface-100);
    --toast-svgIcon-error-default-color: var(--colors-error-100);
    --toast-svgIcon-error-subtle-color: var(--colors-error-100);
    --toast-svgIcon-info-accent-color: var(--colors-surface-100);
    --toast-svgIcon-info-default-color: var(--colors-on-surface-100);
    --toast-svgIcon-info-subtle-color: var(--colors-on-surface-100);
    --toast-svgIcon-success-accent-color: var(--colors-surface-100);
    --toast-svgIcon-success-default-color: var(--colors-success-100);
    --toast-svgIcon-success-subtle-color: var(--colors-success-100);
    --toast-svgIcon-warning-accent-color: var(--colors-surface-100);
    --toast-svgIcon-warning-default-color: var(--colors-warning-100);
    --toast-svgIcon-warning-subtle-color: var(--colors-warning-100);
    --toast-svgIcon-color: hsl(from var(--colors-on-surface-100) h s l / 0.6);

    --toggleItem-toggleItemContainer-background: transparent;
    --toggleItem-toggleItemDescription-color: var(--colors-on-surface-100);
    --toggleItem-toggleItemTitle-color: var(--colors-on-surface-100);
    --toggleItem-toggleItemTitleErrorContainer-color: var(--colors-error-100);

    --tooltip-reactTooltip-background: var(--colors-primary-120);
    --tooltip-reactTooltip-color: var(--colors-on-primary-100);

    --topBar-topBarContainer-background: transparent;
    --topBar-topBarContainer-color: var(--colors-accent-100);

    --transactionHistory-background: var(--colors-surface-100);
    --transactionHistory-color: var(--colors-on-surface-100);
    --transactionHistory-container-borderColor: var(--colors-surface-120);

    --transactionHistoryTable-cell-borderColor: var(--colors-primary-100);
    --transactionHistoryTable-styledTableHeader-background: var(--colors-background-100);
    --transactionHistoryTable-tableHeader-background: var(--colors-primary-120);
    --transactionHistoryTable-tableHeader-borderColor: var(--colors-secondary-100);
    --transactionHistoryTable-tableHeader-color: var(--colors-on-primary-100);
    --transactionHistoryTableRow-cell-color: hsl(from var(--colors-on-surface-100) h s l / 0.6);
    --transactionHistoryTableRow-contentRow-background: var(--colors-surface-120);
    --transactionHistoryTableRow-lostTransactionBg-background: hsl(from var(--colors-error-100) h s l / 0.1);
    --transactionHistoryTableRow-lostTransactionBg-color: var(--colors-error-100);
    --transactionHistoryTableRow-winTransactionBg-background: hsl(from var(--colors-success-100) h s l / 0.1);
    --transactionHistoryTableRow-winTransactionBg-color: var(--colors-success-100);

    --userIdentification-background: var(--colors-surface-100);
    --userIdentification-color: var(--colors-on-surface-100);
    --userIdentification-errorTag-color: var(--colors-error-100);
    --userIdentification-headerMessage-color: var(--colors-on-surface-100);
    --userIdentification-notVerifiedValue-color: var(--colors-on-surface-60);
    --userIdentification-option-border-color: grey;
    --userIdentification-option-color: var(--colors-on-surface-100);
    --userIdentification-optionMessage-color: grey;
    --userIdentification-simplifiedValue-color: var(--colors-success-100);
    --userIdentification-verifiedValue-color: var(--colors-success-100);

    --userMenu-userMenuContainer-border: 1px solid var(--colors-primary-100);
    --userMenuOption-menuOption-color: var(--colors-on-surface-100);
    --userMenuOption-menuOption-hover-borderLeftColor: var(--colors-primary-100);
    --userMenuOption-menuOption-notSelected-firstLevel-background: var(--colors-surface-100);
    --userMenuOption-menuOption-notSelected-secondLevel-background: #F2F2F2;
    --userMenuOption-menuOption-selected-firstLevel-background: #DCDCDC;
    --userMenuOption-menuOption-selected-secondLevel-background: var(--colors-on-background-10);
    --userMenuOption-msgCount-background: var(--colors-warning-100);
    --userMenuOption-msgCount-borderColor: var(--colors-accent-100);
    --userMenuOption-msgCount-color: var(--colors-surface-100);
    --userMenuOption-option-borderBottom: 1px solid #EBEBEB;
    --userMenuOption-option-notSelected-fontWeight: var(--typography-font-weight-base);
    --userMenuOption-option-selected-fontWeight: var(--typography-font-weight-base);
    --userMenuOption-optionArrow-fill: var(--colors-on-background-100);
    --userMenuOption-styledIcon-fill: var(--colors-primary-120);

    --userPanel-balance-color: var(--colors-on-primary-100);
    --userPanel-customAmount-color: var(--colors-accent-100);
    --userPanel-depositButton-background: var(--colors-primary-100);
    --userPanel-depositButton-hover-background: #551113;
    --userPanel-menuOption-background: var(--colors-surface-100);
    --userPanel-menuOption-color: var(--colors-on-surface-100);
    --userPanel-menuOption-hover-borderLeft: var(--colors-primary-120);
    --userPanel-msgCount-background: #FF8A00;
    --userPanel-msgCount-border: var(--colors-accent-100);
    --userPanel-msgCount-color: var(--colors-surface-100);
    --userPanel-mybets-color: var(--colors-accent-100);
    --userPanel-userIcon-color: var(--colors-primary-100);

    --userPanelDetails-menuOptionButton-background: var(--colors-primary-100);
    --userPanelDetails-menuOptionButton-color: var(--colors-on-primary-100);
    --userPanelDetails-menuOptionButton-hover-background: #c7c7c7;
    --userPanelDetails-userDetails-background: var(--colors-surface-120);
    --userPanelDetails-userDetails-color: var(--colors-on-surface-100);

    --userPanelHeaderLinks-myBetsNumber-background: var(--colors-primary-120);
    --userPanelHeaderLinks-myBetsNumber-color: var(--colors-on-primary-100);

    --userPanelLogout-logoutButtonHeader-border: var(--colors-on-primary-100);

    --userPanelMenu-close-background: var(--colors-primary-100);
    --userPanelMenu-close-border: var(--colors-primary-100);
    --userPanelMenu-close-color: var(--colors-on-primary-100);
    --userPanelMenu-menu-background: var(--colors-surface-100);
    --userPanelMenu-menu-boxShadow: var(--colors-on-surface-100);
    --userPanelMenu-smallButtonsContainer-background: var(--colors-surface-100);

    --userPanelWalletStatus-toolTipMessage-color: var(--colors-on-primary-100);
    --userPanelWalletStatus-walletLabel-color: var(--colors-on-primary-100);

    --wallet-verticalDivider-background: var(--colors-on-surface-10);

    --walletItem-container-active-background: var(--colors-primary-10);
    --walletItem-container-active-borderColor: var(--colors-primary-60);
    --walletItem-container-background: var(--colors-surface-100);
    --walletItem-container-border-color: var(--colors-on-surface-10);
    --walletItem-minMaxDescription-color: var(--colors-on-surface-100);
    --walletItem-minMaxValueDescription-color: var(--colors-on-surface-80);
    --walletItem-title-color: var(--colors-on-surface-100);

    --walletList-linkTo-color: var(--colors-primary-120);
    --walletList-title-color: var(--colors-on-surface-60);

    --walletListItem-minMaxDescription-color: var(--colors-on-surface-100);
    --walletListItem-minMaxValueDescription-color: var(--colors-on-surface-80);
    --walletListItem-title-color: var(--colors-on-surface-100);

    --walletMethod-iconContainer-background: var(--colors-on-surface-100);
    --walletMethod-methodContainer-background: var(--colors-on-primary-100);
    --walletMethod-paymentMethodInfo-color: var(--colors-on-background-100);

    --walletMethodNotSelected-icon-color: var(--colors-surface-100);

    --walletOld-container-background: var(--colors-surface-100);
    --walletOld-container-border: none;
    --walletOld-container-color: var(--colors-on-surface-100);
    --walletOld-container-shadow: var(--shadows-small-bottom);
    --walletOld-content-borderRadius: none;
    --walletOld-spinner-borderColor: red;

    --withdrawalsHistory-box-background: var(--colors-surface-100);
    --withdrawalsHistory-box-color: var(--colors-on-surface-100);
    --withdrawalsHistory-container-background: hsl(from var(--colors-surface-100) h s l / .06);
    --withdrawalsHistory-contentLoader-primaryColor: var(--colors-background-100);
    --withdrawalsHistory-contentLoader-secondaryColor: var(--colors-background-120);
    --withdrawalsHistory-noWithdraws-color: var(--colors-on-surface-100);
    --withdrawalsHistory-platform-color: #4ead57;
}