:root {
    --accountBankForm-container-background: var(--colors-background-100);
    --accountBankForm-contentLoader-primary: var(--colors-on-primary-100);
    --accountBankForm-contentLoader-secondary: var(--colors-background-100);
    --accountBankForm-errorTag-background: var(--colors-error-100);
    --accountBankForm-errorTag-color: var(--colors-on-error-100);
    --accountBankForm-input-background: var(--colors-surface-100);
    --accountBankForm-input-border-color: var(--colors-surface-120);
    --accountBankForm-input-border-error-color: var(--colors-error-100);
    --accountBankForm-input-color: var(--colors-on-surface-100);
    --accountBankForm-input-focus-background: var(--colors-surface-100);
    --accountBankForm-input-focus-border: var(--colors-primary-20);
    --accountBankForm-label: var(--colors-on-surface-100);
    --accountBankForm-walletList-borderBottom: var(--colors-background-120);

    --accountLimits-background: var(--colors-surface-100);
    --accountLimits-border: 2px solid #FED728;
    --accountLimits-boxShadow: none;
    --accountLimits-color: var(--colors-on-surface-100);
    --accountLimits-contentLoader-primaryColor: var(--colors-background-100);
    --accountLimits-contentLoader-secondaryColor: hsl(from var(--colors-background-100) h s calc(l - 10));
    --accountLimits-title-color: var(--colors-on-surface-100);
    --accountLimitsCards-limitsAmountContainer-background: var(--colors-background-100);
    --accountLimitsCards-tooltip-background: var(--colors-primary-100);
    --accountLimitsCardsItem-textAmount-color: var(--colors-on-surface-100);
    --accountLimitsCardsItem-textPeriod-color: var(--colors-on-surface-100);
    --accountLimitsCardsItem-textStatus-color: var(--colors-success-100);
    --accountLimitsCardsItem-textStatus-pending-color: var(--colors-warning-100);
    --accountLimitsForm-amountInput-color: var(--colors-on-surface-100);
    --accountLimitsForm-currencySymbol-borderLeft: hsl(from var(--colors-on-surface-100) h s l / 0.1);
    --accountLimitsForm-currencySymbol-color: var(--colors-on-surface-100);
    --accountLimitsForm-errorTag-color: var(--colors-error-100);
    --accountLimitsForm-infoTag-color: var(--colors-on-surface-100);
    --accountLimitsForm-inputContainer-background: hsl(from var(--colors-inactive-100) h s l / 0.2);
    --accountLimitsForm-inputContainer-border: hsl(from var(--colors-on-surface-100) h s l / 0.1);
    --accountLimitsForm-label-color: var(--colors-on-surface-100);
    --accountLimitsForm-lineDivider-border: hsl(from var(--colors-on-surface-100) h s l / 0.1);

    --amount-spanAmount-print-color: #000000;

    --arrow-icon-color: var(--colors-inactive-120);
    --arrow-rightArrow-icon-color: #989898;

    --badge-innerContainer-chipCounter-background: hsl(from var(--colors-on-surface-100) h s l / 0.1);
    --badge-innerContainer-chipCounter-margin: 0;
    --badge-innerContainer-chipCounter-selected-background: var(--colors-primary-100);
    --badge-txt-chipCounter-color: hsl(from var(--colors-on-surface-100) h s l / 0.6);
    --badge-txt-chipCounter-selected-color: var(--colors-on-primary-100);

    --bankTransfer-addBankAccount-container-background: var(--colors-background-120);
    --bankTransfer-addBankAccount-label-color: var(--colors-on-surface-100);
    --bankTransfer-card-background: var(--colors-surface-100);
    --bankTransfer-card-backgroundStatus: var(--colors-error-120);
    --bankTransfer-card-border: var(--colors-on-surface-40);
    --bankTransfer-card-borderStatus: var(--colors-error-80);
    --bankTransfer-card-color: var(--colors-on-surface-100);
    --bankTransfer-card-form-background: var(--colors-surface-100);
    --bankTransfer-card-form-input-background: var(--colors-surface-120);
    --bankTransfer-card-form-input-border: var(--colors-surface-120);
    --bankTransfer-card-form-input-borderError: var(--colors-error-100);
    --bankTransfer-card-form-input-color: var(--colors-on-surface-100);
    --bankTransfer-card-form-input-focus-background: var(--colors-surface-120);
    --bankTransfer-card-form-input-focus-border: var(--colors-primary-20);
    --bankTransfer-card-labels-color: var(--colors-on-surface-100);
    --bankTransfer-container-background: var(--colors-background-100);
    --bankTransfer-errorTag-background: var(--colors-error-80);
    --bankTransfer-errorTag-color: var(--colors-on-error-100);
    --bankTransfer-noBankAccount-label-color: var(--colors-on-surface-100);
    --bankTransfer-plusIcon-color: var(--colors-on-surface-100);
    --bankTransfer-verificationStatus-color: var(--colors-surface-100);
    --bankTransfer-verificationStatus-container-background: var(--colors-error-120);
    --bankTransfer-verificationStatus-container-border: var(--colors-error-80);

    --bonuses-checkbox-before-background: var(--colors-surface-100);
    --bonuses-checkbox-before-border-color: var(--colors-primary-100);
    --bonuses-checkbox-border-color: var(--colors-primary-60);
    --bonuses-checkbox-checked-background: var(--colors-primary-60);
    --bonuses-checkbox-checked-border-color: var(--colors-primary-100);
    --bonuses-clipLoader-color: var(--colors-primary-100);
    --bonuses-container-background: var(--colors-surface-100);
    --bonuses-container-border: 2px solid;
    --bonuses-labelError-color: var(--colors-error-100);
    --bonuses-svg-color: var(--colors-surface-100);
    --bonuses-svg-fill-color: var(--colors-primary-120);
    --bonuses-voucher-border-color: var(--colors-background-100);
    --bonuses-voucher-button-color: var(--colors-primary-100);
    --bonuses-voucher-color: var(--colors-accent-100);
    --bonuses-voucher-title-background: var(--colors-surface-120);
    --bonuses-voucherNotFound-color: var(--colors-background-100);

    --carousel-container-background: var(--colors-background-100);
    --carousel-container-dot-background: var(--colors-on-surface-100);
    --carousel-container-dotSelected-background: var(--colors-accent-100);
    --carousel-container-slide-background: transparent;
    --carousel-container-slide-centerMode-borderRight-color: transparent;
    --carousel-contentLoader-primaryColor: var(--colors-background-100);
    --carousel-contentLoader-secondaryColor: var(--colors-background-120);
    --carousel-headlineBottom-background: hsl(from var(--colors-surface-100) h s l / 0.2);
    --carousel-headlineTop-withoutImg-background: var(--colors-primary-100);
    --carousel-mkpb-icon-color: var(--colors-on-primary-100);
    --carousel-text-color: var(--colors-on-primary-100);
    --carousel-textLink-background: hsl(from var(--colors-background-100) h s l / 0.2);

    --captcha-captchaWrapper-background: var(--colors-surface-100);
    --captcha-icon-color: var(--colors-on-surface-100);
    --captcha-input-background: var(--colors-surface-100);
    --captcha-input-border: 1px solid hsl(from var(--colors-on-surface-100) h s l / .1);
    --captcha-input-color: var(--colors-on-surface-100);
    --captcha-input-error-background: hsl(from var(--colors-error-100) h s l / .1);
    --captcha-input-error-border: 2px solid var(--colors-error-100);
    --captcha-input-focus-background: hsl(from var(--colors-on-surface-100) h s l / .05);
    --captcha-input-focus-border: 2px solid hsl(from var(--colors-on-background-100) h s l / .4);
    --captcha-input-focus-boxShadow: hsl(from var(--colors-on-background-100) h s l / .7);
    --captcha-input-lengthValue-background: hsl(from var(--colors-success-100) h s l / .1);

    --changePassword-color: var(--colors-on-surface-100);
    --changePassword-container-background: var(--colors-surface-100);
    --changePassword-container-border: 2px solid #FED728;
    --changePassword-container-borderRadius: var(--radius-md);
    --changePassword-divider-border: hsl(from var(--colors-on-surface-100) h s l / 0.1);

    --changePasswordDescription-containerLoader-background: var(--colors-background-100);
    --changePasswordDescription-containerLoader-border: var(--colors-on-background-100);
    --changePasswordDescription-descriptionHtml-color: var(--colors-on-background-100);

    --changePasswordForm-border: hsl(from var(--colors-on-surface-100) h s l / 0.1);
    --changePasswordForm-errorTag-color: var(--colors-error-100);
    --changePasswordForm-getCodeButton-border: 1px solid var(--colors-on-surface-100);
    --changePasswordForm-infoTag-color: var(--colors-success-100);
    --changePasswordForm-inputContainer-focusWithin-background: var(--colors-surface-100);
    --changePasswordForm-inputContainer-focusWithin-border: hsl(from var(--colors-on-primary-100) h s l / 0.4);
    --changePasswordForm-inputContainer-focusWithin-boxShadow: #8a1d14;
    --changePasswordForm-inputElementWithError-border: var(--colors-error-100);
    --changePasswordForm-labelSmall-color: hsl(from var(--colors-on-surface-100) h s l / 0.6);

    --checkbox-icon-default-checked-color: var(--colors-primary-100);
    --checkbox-checkboxAppearance-default-background: transparent;
    --checkbox-checkboxAppearance-default-border: 1px solid hsl(from var(--colors-on-surface-100) h s l / .4);
    --checkbox-checkboxAppearance-default-checked-background: transparent;
    --checkbox-checkboxAppearance-default-checked-border: 1px solid hsl(from var(--colors-on-surface-100) h s l / .4);

    --chip-chipContainer-default-background: hsl(from var(--colors-on-surface-100) h s l / 0.1);
    --chip-chipContainer-default-color: var(--colors-on-surface-100);
    --chip-chipContainer-default-hover-border: none;
    --chip-chipContainer-default-selected-background: var(--colors-primary-100);
    --chip-chipContainer-default-selected-border: none;
    --chip-chipContainer-default-selected-color: var(--colors-surface-100);
    --chip-closeIcon-background: var(--colors-on-primary-100);
    --chip-closeIcon-color: var(--colors-primary-100);

    --clock-color: var(--colors-on-surface-100);

    --contentHeader-backArrow-after-background: var(--colors-on-background-100);
    --contentHeader-backArrow-before-background: var(--colors-on-background-100);
    --contentHeader-color: var(--colors-on-surface-100);
    --contentHeader-component-background: transparent;
    --contentHeader-primary-background: var(--colors-background-100);
    --contentHeader-secondary-background: var(--colors-surface-100);

    --cookies-description-color: hsl(from var(--colors-on-surface-100) h s l / .6);
    --cookies-text-color: var(--colors-on-surface-100);
    --cookies-title-color: var(--colors-on-surface-100);
    --cookies-titleSection-color: var(--colors-on-surface-100);
    --cookiesBar-cookiesContainer-background: var(--colors-on-primary-100);
    --cookiesBar-openCookiesLink-color: var(--colors-error-100);
    --cookiesPolicyLoaderContent-contentLoader-primaryColor: var(--colors-background-100);
    --cookiesPolicyLoaderContent-contentLoader-secondaryColor: var(--colors-background-100);

    --deleteAccount-linkLabel-color: var(--colors-on-surface-100);
    --deleteAccount-stylizedForm-background: var(--colors-background-100);
    --deleteAccount-stylizedLabel-color: var(--colors-on-surface-100);

    --dropdown-background: var(--colors-background-100);
    --dropdown-border: hsl(from var(--colors-on-surface-100) h s l / 0.1);
    --dropdown-color: var(--colors-on-surface-100);
    --dropdown-customArrow-background: hsl(from var(--colors-on-surface-100) h s l / 0.6);
    --dropdown-groupByDropDownList-icon-color: var(--colors-on-surface-100);
    --dropdown-groupElement-hover-color: var(--colors-accent-100);
    --dropdown-listContainer-before-borderColor: hsl(from var(--colors-on-surface-100) h s l / 0.1);
    --dropdown-listContainer-boxShadow: inset 1px 0px 1px var(--colors-background-100), inset 0px 1px 0px var(--colors-background-100), inset -1px -1px 0px var(--colors-background-100);
    --dropdown-optionDesc-color: hsl(from var(--colors-on-surface-100) h s l / 0.6);
    --dropdown-selected-background: var(--colors-background-100);
    --dropdown-selectedOption-background: var(--colors-surface-100);
    --dropdown-selectedOption-color: var(--colors-on-background-100);
    --dropdown-selectedOption-oddsFormat-background: var(--colors-surface-100);
    --dropdown-selectedOption-oddsFormat-hover-background: hsl(from var(--colors-on-background-100) h s l / 0.15);
    --dropdown-selectedOptionName-filter-color: var(--colors-on-surface-100);
    --dropdown-selectedOptionName-selected-color: var(--colors-accent-100);
    --dropdown-titleAndValue-icon-color: var(--colors-on-background-100);

    --floatingButton-badgeContainer-background: var(--colors-on-surface-100);
    --floatingButton-badgeContainer-border: var(--colors-surface-100);
    --floatingButton-badgeTxt-color: var(--colors-on-accent-100);
    --floatingButton-container-background: var(--colors-accent-100);
    --floatingButton-icon-color: var(--colors-on-accent-100);

    --footer-color: var(--colors-on-secondary-100);
    --footer-container-backgroundColor: var(--colors-secondary-100);
    --footer-title-color: #B79A88;

    --forgotPassword-background: var(--colors-surface-100);
    --forgotPassword-iconContainer-background: var(--colors-background-100);
    --forgotPassword-inputText-background: var(--colors-surface-120);
    --forgotPassword-inputText-border: var(--colors-surface-120);
    --forgotPassword-inputText-color: var(--colors-on-surface-100);
    --forgotPassword-inputText-error-border: var(--colors-error-100);
    --forgotPassword-inputText-focus-background: var(--colors-surface-100);
    --forgotPassword-inputText-focus-border: hsl(from var(--colors-primary-120) h s l / 0.4);
    --forgotPassword-inputText-focus-boxShadow: 0px 0px 10px hsl(from var(--colors-primary-120) h s calc(l - 16));
    --forgotPassword-label-color: var(--colors-on-surface-100);
    --forgotPassword-label-error-color: var(--colors-error-100);
    --forgotPassword-label-passwordShown-showPassword-color: var(--colors-on-surface-100);
    --forgotPassword-label-showPassword-color: hsl(from var(--colors-on-surface-100) h s calc(l - 30%));
    --forgotPassword-prefix-border-right: var(--colors-surface-100);

    --forgotPasswordResendBar-fullParagraph-color: hsl(from var(--colors-on-surface-100) h s l / 0.8);
    --forgotPasswordResendBar-fullParagraph-error-color: var(--colors-error-100);
    --forgotPasswordResendBar-link-color: var(--colors-accent-100);
    --forgotPasswordResendBar-paragraph-color: hsl(from var(--colors-on-surface-100) h s l / 0.6);
    --forgotPasswordResendBar-spinner-color: var(--colors-on-surface-100);

    --gameIframeBar-border-right-color: var(--colors-primary-60);
    --gameIframeBar-button-background-color: var(--colors-primary-100);
    --gameIframeBar-button-hover-background: var(--colors-primary-120);
    --gameIframeBar-container-background-color: var(--colors-primary-100);
    --gameIframeBar-container-color: var(--colors-on-primary-100);
    --gameIframeBar-height: 3.5rem;

    --gameIframeBarClock-clocksContent-color: var(--colors-on-primary-100);

    --gameIframeMenu-container-backgroundColor: var(--colors-surface-100);
    --gameIframeMenu-container-color: var(--colors-on-surface-100);
    --gameIframeMenu-menu-borderTopColor: var(--colors-surface-100);
    --gameIframeMenu-menuItem-borderColor: var(--colors-background-100);
    --gameIframeMenu-menuItem-hover-BackgroundColor: var(--colors-background-100);

    --gameIframeMenuLoader-primary: var(--colors-background-100);
    --gameIframeMenuLoader-secondary: var(--colors-on-surface-10);

    --gameIframeMenuModalContent-modalText-color: var(--colors-on-surface-100);

    --gameIframeMenuModalContentLoader-primary: var(--colors-background-100);
    --gameIframeMenuModalContentLoader-secondary: var(--colors-on-surface-10);

    --header-headerContainer-background: var(--colors-surface-100);

    --horizontalScrollMenu-arrowButton-background: hsl(from var(--colors-on-surface-100) h s l / .1);
    --horizontalScrollMenu-arrow-color: var(--colors-primary-100);
    --horizontalScrolling-arrowButton-background: hsl(from var(--colors-primary-100) h s l / .8);

    --icon-svg-background: var(--colors-background-100);
    --icon-svg-bottomBarPrimary: var(--colors-on-background-100);
    --icon-svg-bottomBarSecondary: var(--colors-secondary-100);
    --icon-svg-custom: var(--colors-primary-100);
    --icon-svg-dark: var(--colors-on-surface-100);
    --icon-svg-disable: var(--colors-surface-100);
    --icon-svg-error: var(--colors-error-100);
    --icon-svg-ghostSecondary: var(--colors-on-primary-100);
    --icon-svg-inPlay: var(--colors-on-surface-100);
    --icon-svg-moreMarketsArrow: hsl(from var(--colors-on-surface-100) h s l / 0.8);
    --icon-svg-onBackground: var(--colors-on-background-100);
    --icon-svg-onPrimary: var(--colors-on-primary-100);
    --icon-svg-onSecondary: var(--colors-primary-100);
    --icon-svg-onSubHeader: var(--colors-on-primary-100);
    --icon-svg-onSurface: var(--colors-on-surface-100);
    --icon-svg-primary: var(--colors-primary-100);
    --icon-svg-primaryVariant: var(--colors-primary-120);
    --icon-svg-secondary: var(--colors-accent-100);
    --icon-svg-sportListBar: var(--colors-on-surface-100);
    --icon-svg-sports: var(--colors-on-surface-100);
    --icon-svg-success: var(--colors-success-100);
    --icon-svg-surface: var(--colors-surface-100);
    --icon-svg-warning: var(--colors-warning-100);
    --icon-svg-white: var(--colors-on-primary-100);

    --iframeLoader-primary: var(--colors-background-100);
    --iframeLoader-secondary: var(--colors-on-surface-10);

    --infoMessage-containerLoader-background: var(--colors-background-100);
    --infoMessage-linkColor: var(--colors-primary-100);

    --loadingSpinner-container-border-color: var(--colors-primary-120);
    --loadingSpinner-container-color: var(--colors-primary-120);

    --lobby-carousel-container-order: 0;

    --lobbyCategory-content-background-after: var(--colors-background-100);
    --lobbyCategory-content-background-before: var(--colors-background-100);
    --lobbyCategory-title-color: var(--colors-on-background-100);
    --lobbyCategory-viewMore-color: var(--colors-on-background-100);

    --lobbyCategoryCarousel-arrow-icon-background-color: var(--colors-on-primary-100);
    --lobbyCategoryCarousel-arrow-icon-color: var(--colors-on-surface-100);
    --lobbyCategoryCarousel-noMoreGamesLabel-color: var(--colors-on-surface-100);

    --lobbyContentLoader-thumbnail-primary: var(--colors-background-100);
    --lobbyContentLoader-thumbnail-secondary: var(--colors-on-surface-10);

    --lobbyGameModal-background: var(--colors-primary-120);
    --lobbyGameModal-borderBottom-color: var(--colors-on-primary-100);
    --lobbyGameModal-button-background: var(--colors-on-primary-100);

    --lobbyGameModalContent-gameContainer-color: var(--colors-primary-10);

    --lobbyGames-categoryTitle-color: var(--colors-on-background-100);
    --lobbyGames-noGamesTitle-color: var(--colors-primary-120);

    --lobbyMenu-container-background: var(--colors-primary-10);
    --lobbyMenu-container-order: 0;
    --lobbyMenu-menuItem-name-color: var(--colors-primary-120);
    --lobbyMenu-menuItem-selected-border-color: var(--colors-accent-100);
    --lobbyMenu-menuItem-selected-color: var(--colors-accent-100);

    --lobbySearch-background: var(--colors-primary-10);
    --lobbySearch-closeIcon-color: var(--colors-on-background-40);
    --lobbySearch-container-order: 0;
    --lobbySearch-searchContent-border-color: var(--colors-on-background-60);
    --lobbySearch-searchIcon-color: var(--colors-on-background-60);
    --lobbySearch-searchInput-background: var(--colors-surface-100);
    --lobbySearch-searchInput-color: var(--colors-on-surface-100);

    --lobbySearchGames-lobbyTitle-color: var(--colors-primary-120);
    --lobbySearchGames-noResultsTitle-color: var(--colors-primary-120);

    --lobbyThumbnail-container-aspect-ratio-height: 9;
    --lobbyThumbnail-container-aspect-ratio-width: 7;
    --lobbyThumbnail-container-background: var(--colors-primary-80);
    --lobbyThumbnail-container-no-image-background: var(--colors-primary-20);

    --lobbyThumbnailTag-background: var(--colors-warning-120);
    --lobbyThumbnailTag-color: var(--colors-background-100);

    --login-background: var(--colors-surface-120);
    --login-input-color: var(--colors-on-surface-100);
    --login-loginButtonHeader-background: var(--colors-secondary-100);
    --login-loginButtonHeader-border: none;
    --login-loginButtonHeader-color: var(--colors-on-secondary-100);
    --login-loginButtonHeader-hover-background: var(--colors-secondary-120);
    --login-loginButtonHeader-outline: 1px solid var(--colors-on-background-100);
    --login-loginButtonHeader-padding: var(--spaces-s) var(--spaces-m);

    --loginCompactForm-forgotButton-background: transparent;
    --loginCompactForm-forgotButton-color: var(--colors-on-background-100);
    --loginCompactForm-input-border: var(--colors-surface-100);
    --loginCompactForm-input-focus-background: var(--colors-surface-120);
    --loginCompactForm-input-outline: 1px solid var(--colors-on-background-100) !important;
    --loginCompactForm-loginButtonHeader-outline: 1px solid var(--colors-on-background-100);
    --loginCompactForm-phoneInputContainer-borderRadius: var(--radius-md) 0 0 var(--radius-md);
    --loginCompactForm-phoneInputContainer-margin: var(--spaces-xs);
    --loginCompactForm-phoneInputContainer-padding: var(--spaces-s);
    --loginCompactForm-prefix-borderRight-color: var(--colors-surface-100);
    --loginCompactForm-prefix-margin: 0;
    --loginCompactForm-prefix-padding: 0 var(--spaces-s);
    --loginCompactForm-userInput-border: 0;
    --loginCompactForm-userInput-margin: var(--spaces-xs) 0 var(--spaces-xs) 0;
    --loginCompactForm-userInput-outline: 1px solid var(--colors-on-background-100);

    --loginCompactPasswordField-eyeSymbol-border: 1px solid var(--colors-surface-100);
    --loginCompactPasswordField-eyeSymbol-color: var(--colors-on-surface-100);
    --loginCompactPasswordField-inputContainer-border: 0;
    --loginCompactPasswordField-inputContainer-outline: 1px solid var(--colors-on-background-100);
    --loginCompactPasswordField-inputElement-borderError: 2px solid var(--colors-error-100);
    --loginCompactPasswordField-inputElement-color: var(--colors-on-surface-100);

    --loginForm-background: var(--colors-surface-100);
    --loginForm-checkbox-border: var(--colors-on-surface-100);
    --loginForm-checkbox-checked-background: var(--colors-accent-100);
    --loginForm-checkbox-checked-border: var(--colors-surface-120);
    --loginForm-checkboxContainer-error-border: hsl(from var(--colors-error-100) h s l / .2);
    --loginForm-errorTag-background: transparent;
    --loginForm-errorTag-color: var(--colors-error-100);
    --loginForm-eyeSymbol-borderLeft: 1px solid var(--colors-surface-100);
    --loginForm-forgotButton-background: transparent;
    --loginForm-forgotButton-color: var(--colors-on-surface-100);
    --loginForm-inputContainer-border-color: var(--colors-surface-120);
    --loginForm-inputContainer-borderError-color: var(--colors-error-20);
    --loginForm-inputContainer-color: var(--colors-on-surface-100);
    --loginForm-inputContainer-focus-background: hsl(from var(--colors-surface-120) h s l / .9);
    --loginForm-inputContainer-focus-border: hsl(from var(--colors-primary-100) h s l / .1);
    --loginForm-inputElement-border: 1px solid var(--colors-surface-100);
    --loginForm-inputElement-borderError: 2px solid var(--colors-error-100);
    --loginForm-inputElement-color: var(--colors-on-surface-100);
    --loginForm-label-color: var(--colors-on-surface-100);
    --loginForm-linkElement-color: var(--colors-primary-100);
    --loginForm-prefix-border: 1px solid var(--colors-surface-100);

    --loginView-footerLink-color: black;
    --loginView-loginForm-background: var(--colors-on-primary-100);
    --loginView-loginForm-border: 2px solid #FED728;

    --manageCookiesForm-cookiesFormText-link-color: var(--colors-error-100);

    --mediaTabs-dropDownArrow-background: hsl(from var(--colors-on-surface-100) h s l / 0.6);
    --mediaTabs-header-borderBottom: 1px solid var(--colors-background-100);
    --mediaTabs-mediaContainer-background: var(--colors-surface-100);
    --mediaTabs-streamingDescription-color: hsl(from var(--colors-on-surface-100) h s l / 0.6);
    --mediaTabs-streamingLoginButton-background: var(--colors-secondary-100);
    --mediaTabs-streamingLoginButton-color: var(--colors-on-background-100);
    --mediaTabs-streamingLoginContainer-background: var(--colors-on-surface-100);
    --mediaTabs-title-color: var(--colors-on-surface-100);

    --menu-element-borderBottom: 0.125rem solid var(--colors-on-primary-100);
    --menu-element-color: var(--colors-on-surface-100);
    --menu-isScrolling-hover-background: #FFF100;
    --menu-isScrolling-hover-color: var(--colors-on-surface-100);
    --menu-isScrolling-selected-background: #FFF100;
    --menu-isScrolling-selected-color: var(--colors-on-surface-100);
    --menu-linkName-color: var(--colors-on-primary-100);

    --modal-background: var(--colors-surface-100);
    --modal-contentHeader-color: var(--colors-on-surface-100);
    --modal-contentHeader-primary-background: var(--colors-background-20);
    --modal-contentHeader-secondary-background: var(--colors-surface-100);
    --modal-contentTitle-fontSize: var(--typography-font-size-l);
    --modal-contentTitle-fontWeight: var(--typography-font-weight-bold);
    --modal-closeButton-background: var(--colors-surface-100);
    --modal-closeIcon-color: var(--colors-surface-100);

    --newBottomSheet-floatingContainer-background: var(--colors-surface-100);
    --newBottomSheet-icon-color: var(--colors-on-background-100);
    --newBottomSheet-overlayContainer-background: var(--colors-on-surface-100);
    --newBottomSheet-popUp-background: var(--colors-surface-100);
    --newBottomSheet-title-color: var(--colors-primary-100);

    --onlineMembershipActivation-contentLoader-primaryBackground: var(--colors-background-100);
    --onlineMembershipActivation-contentLoader-secondaryBackground: var(--colors-background-80);
    --onlineMembershipActivation-pageContainer-background-color: var(--colors-on-primary-100);

    --onlineMembershipActivationCheckbox-checkboxInput-background: var(--colors-surface-120);
    --onlineMembershipActivationCheckbox-checkboxInput-border: hsl(from var(--colors-on-background-100) h s l / .2);
    --onlineMembershipActivationCheckbox-checkboxInput-checked-background: var(--colors-primary-100);
    --onlineMembershipActivationCheckbox-checkboxInput-checked-border: var(--colors-surface-120);
    --onlineMembershipActivationCheckbox-label-color: var(--colors-on-surface-100);

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

    --onlineMembershipActivationDescription-descriptionContainer-background: var(--colors-background-100);

    --onlineMembershipActivationForm-clauseContainer-background: hsl(from var(--colors-background-100) h s l / .1);
    --onlineMembershipActivationForm-clauseContainer-border-color: hsl(from var(--colors-on-background-100) h s l / .2);
    --onlineMembershipActivationForm-clauseContainer-scrollbar-thumb-background: hsl(from var(--colors-on-background-100) h s l / .4);
    --onlineMembershipActivationForm-clauseContainer-scrollbar-track-background: var(--colors-background-100);
    --onlineMembershipActivationForm-clauseContainerLoader-background: hsl(from var(--colors-background-100) h s l / .1);
    --onlineMembershipActivationForm-clauseContainerLoader-border-color: hsl(from var(--colors-on-background-100) h s l / .2);
    --onlineMembershipActivationForm-desktop-borderLeft: var(--colors-on-background-10);
    --onlineMembershipActivationForm-heading-color: var(--colors-on-background-100);
    --onlineMembershipActivationForm-mobile-borderTop: var(--colors-on-background-10);

    --onlineMembershipActivationInput-eyeSymbol-border-color: var(--colors-surface-100);
    --onlineMembershipActivationInput-eyeSymbol-color: var(--colors-on-surface-100);
    --onlineMembershipActivationInput-infoTagError-color: var(--colors-error-100);
    --onlineMembershipActivationInput-infoTagSuccess-color: var(--colors-success-100);
    --onlineMembershipActivationInput-input-background: hsl(from var(--colors-background-100) h s l / .1);
    --onlineMembershipActivationInput-input-disabled-background: var(--colors-background-100);
    --onlineMembershipActivationInput-inputContent-border-color: hsl(from var(--colors-on-background-100) h s l / .2);
    --onlineMembershipActivationInput-subLabel-color: hsl(from var(--colors-on-background-100) h s l / .6);

    --onlineMembershipActivationNotCompleted-iconContainer-background: var(--colors-background-100);
    --onlineMembershipActivationNotCompleted-openModalLink-color: #00368D;

    --onlineMembershipActivationUserActivated-icon-color: #1F58CF;
    --onlineMembershipActivationUserActivated-iconContainer-background: #F5F5F5;

    --pageNotFound-openModalLink-color: var(--colors-primary-120);

    --pamLabActionBar-button-background: var(--colors-surface-100);
    --pamLabActionBar-button-disabledSpan-color: var(--colors-on-surface-100);
    --pamLabActionBar-container-background: #00003C;
    --pamLabActionBar-element-color: var(--colors-on-surface-100);
    --pamLabButton-icon-color: var(--colors-on-primary-100);
    --pamLabButton-pamLabBtn-bordercolor: var(--colors-on-background-100);
    --pamLabForm-descriptionElement-color: hsl(from var(--colors-on-surface-100) h s l / 0.6);
    --pamLabForm-titleElement-color: var(--colors-on-surface-100);
    --pamLabForm-titleSection-color: var(--colors-on-surface-100);

    --pdfDownloadButton-disabled-background: var(--colors-surface-120);
    --pdfDownloadButton-disabled-color: var(--colors-inactive-120);

    --pendingTransactions-bankTransfer-stylizedLabel-color: var(--colors-on-surface-100);
    --pendingTransactions-container-background: var(--colors-surface-100);
    --pendingTransactions-contentRow-background: var(--colors-surface-100);
    --pendingTransactions-contentRow-nthChild-background: var(--colors-surface-100);
    --pendingTransactions-contentText-color: var(--colors-on-surface-20);
    --pendingTransactions-customForm-borderRightColor: 1px solid var(--colors-surface-120);
    --pendingTransactions-iconContainer-fill: var(--colors-secondary-100);
    --pendingTransactions-iconElement-background: var(--colors-on-secondary-100);
    --pendingTransactions-iconElement-hover-background: var(--colors-secondary-120);
    --pendingTransactions-iconElement-hover-svg-background: var(--colors-secondary-120);
    --pendingTransactions-iconElement-hover-svg-fill: var(--colors-on-secondary-100);
    --pendingTransactions-loadMoreLink-color: var(--colors-on-surface-100);
    --pendingTransactions-noTransactions-color: var(--colors-on-surface-20);
    --pendingTransactions-statusText-background: var(--colors-surface-120);
    --pendingTransactions-statusText-f-color: var(--colors-inactive-100);
    --pendingTransactions-statusText-m-color: var(--colors-on-secondary-100);
    --pendingTransactions-statusText-r-color: var(--colors-error-100);
    --pendingTransactions-stylizedLabel-color: var(--colors-on-surface-20);
    --pendingTransactions-table-borderColor: 1px solid var(--colors-on-surface-80);
    --pendingTransactions-table-color: var(--colors-on-surface-20);
    --pendingTransactions-tableHeader-background: var(--colors-background-100);
    --pendingTransactions-tableHeader-borderBottomColor: var(--colors-background-100);
    --pendingTransactions-tableHeader-color: var(--colors-on-surface-40);
    --pendingTransactions-tooltip-background: var(--colors-secondary-120);
    --pendingTransactions-tooltip-color: var(--colors-on-secondary-100);

    --personalDetailsForm-errorTag-color: var(--colors-error-100);
    --personalDetailsForm-fieldContainer-color: var(--colors-on-surface-100);
    --personalDetailsForm-formElement-background: var(--colors-surface-100);
    --personalDetailsForm-formElement-border: 2px solid #FED728;
    --personalDetailsForm-inputContainer-background: var(--colors-surface-120);
    --personalDetailsForm-inputContainer-border: 1px solid var(--colors-surface-100);
    --personalDetailsForm-inputContainer-color: var(--colors-on-surface-100);
    --personalDetailsForm-inputContainer-focus-background: var(--colors-surface-100);
    --personalDetailsForm-inputContainer-focus-border: var(--colors-surface-120);
    --personalDetailsForm-inputContainer-focus-boxShadow: 0px 0px 10px hsl(from var(--colors-primary-120) h s calc(l - 16));
    --personalDetailsForm-inputElement-color: var(--colors-on-surface-100);
    --personalDetailsForm-labelElement-color: var(--colors-on-surface-100);
    --personalDetailsForm-radioButtonElement-before-background: var(--colors-surface-100);
    --personalDetailsForm-radioButtonElement-checked-background: var(--colors-secondary-100);
    --personalDetailsForm-radioButtonElement-checked-borderColor: var(--colors-surface-100);
    --personalDetailsForm-submitBar-borderTop: var(--colors-surface-120);
    --personalDetailsForm-prefix-borderRight: var(--colors-on-inactive-100);

    --playerProtection-contentContainer-background: var(--colors-surface-100);
    --playerProtection-contentContainer-color: var(--colors-on-surface-100);

    --playerProtectionCard-cardIconWrapper-selected-color: var(--colors-background-100);
    --playerProtectionCard-cardText-selected-color: var(--colors-background-100);
    --playerProtectionCard-cardWrapperLabel-background: var(--colors-surface-100);
    --playerProtectionCard-cardWrapperLabel-disabled-color: var(--colors-on-surface-100);
    --playerProtectionCard-cardWrapperLabel-error-border-color: var(--colors-error-100);
    --playerProtectionCard-cardWrapperLabel-error-color: var(--colors-error-100);
    --playerProtectionCard-cardWrapperLabel-selected-background: var(--colors-on-background-100);
    --playerProtectionCard-iconWithStatus-color: var(--colors-on-background-40);

    --playerProtectionCards-cardsContainer-background: var(--colors-background-100);

    --playerProtectionForm-horizontalDivider-background: var(--colors-background-100);

    --playerProtectionOnBreakExpiryDateLabel-onBreakPeriod-color: var(--colors-success-120);

    --playerProtectionPeriodSelect-errorTag-color: var(--colors-error-100);
    --playerProtectionPeriodSelect-label-color: var(--colors-on-surface-base);

    --preferences-content-background: var(--colors-surface-100);
    --preferences-lineDivider-borderColor: var(--colors-on-surface-10);

    --preferencesSelector-description-color: var(--colors-on-surface-60);
    --preferencesSelector-title-color: var(--colors-on-surface-100);

    --promotions-background: var(--colors-surface-100);
    --promotions-btn-border-color: var(--colors-on-background-100);
    --promotions-btn-color: var(--colors-on-background-100);
    --promotions-color: var(--colors-on-surface-100);
    --promotions-link-color: var(--colors-primary-80);
    --promotions-promotionTag-background: var(--colors-primary-100);
    --promotions-promotionTag-color: var(--colors-on-primary-100);
    --promotions-promotionWrapper-background: var(--colors-background-100);
    --promotions-termsAndConditions-color: var(--colors-on-surface-100);
    --promotions-termsAndConditionsBox-color: hsl(from var(--colors-on-surface-100) h s calc(l + 40%));

    --rbw-container-background: var(--colors-on-primary-100);
    --rbw-container-border-color: var(--colors-background-100);

    --rbwForm-amountButton-background: var(--colors-on-primary-100);
    --rbwForm-amountButton-border-color: var(--colors-on-surface-100);
    --rbwForm-amountButton-color: var(--colors-on-surface-100);
    --rbwForm-amountButton-hover-background: var(--colors-primary-100);
    --rbwForm-amountButton-hover-color: var(--colors-on-primary-100);
    --rbwForm-errorTag-color: var(--colors-error-100);
    --rbwForm-input-placeholder-error-color: var(--colors-error-120);
    --rbwForm-inputContainer-background: var(--colors-on-primary-100);
    --rbwForm-inputContainer-border-color: var(--colors-inactive-80);
    --rbwForm-inputContainer-border-error-color: var(--colors-error-120);
    --rbwForm-inputContainer-error-color: var(--colors-error-120);
    --rbwForm-inputCurrency-borderLeft-color: var(--colors-on-background-40);
    --rbwForm-rbwFormContent-borderTop-color: var(--colors-secondary-100);
    --rbwForm-rbwFormContent-isLessThanMd-borderTop-color: var(--colors-secondary-100);

    --rbwMethodStatus-container-background: var(--colors-surface-100);
    --rbwMethodStatus-container-border-color: var(--colors-secondary-80);
    --rbwMethodStatus-description-color: var(--colors-on-surface-100);
    --rbwMethodStatus-description-contactUs-color: var(--colors-primary-100);
    --rbwMethodStatus-redirectButtonContainer-border-color: var(--colors-surface-120);
    --rbwMethodStatus-title-color: var(--colors-on-surface-100);

    --reconfirmPolicyModal-clausecheckbox-border-color: var(--colors-on-surface-100);
    --reconfirmPolicyModal-clausecheckbox-checked-background: var(--colors-accent-100);
    --reconfirmPolicyModal-clausecheckbox-checked-border-color: var(--colors-secondary-120);
    --reconfirmPolicyModal-clauselabel-borderBottom-color: var(--colors-on-surface-10);
    --reconfirmPolicyModal-clauselabel-color: var(--colors-primary-120);
    --reconfirmPolicyModal-contentLoader-primaryColor: var(--colors-background-100);
    --reconfirmPolicyModal-contentLoader-secondaryColor: var(--colors-background-120);
    --reconfirmPolicyModal-iconContainer-background: var(--colors-background-120);

    --register-routesSection-background: var(--colors-on-primary-100);

    --registerButton-registerButtonHeader-background: var(--colors-primary-100);
    --registerButton-registerButtonHeader-border: 0;
    --registerButton-registerButtonHeader-color: var(--colors-on-accent-100);
    --registerButton-registerButtonHeader-outline: 1px solid var(--colors-accent-100);
    --registerButton-registerButtonHeader-padding: var(--spaces-s) var(--spaces-m);

    --registerCompleted-cdnmessage-color: var(--colors-on-background-100);

    --registerKyc-buttonContainer-borderTop: var(--colors-surface-120);
    --registerKyc-description-color: var(--colors-on-background-100);
    --registerKyc-title-color: var(--colors-on-background-100);
    --registerKyc-verificationExpiredButton-borderColor: var(--colors-primary-100) var(--colors-primary-100) transparent;
    --registerKyc-verificationExpiredButton-color: var(--colors-primary-100);
    --registerKyc-verificationExpiredText-color: var(--colors-on-background-100);

    --resultsFilterForm-form-borderBottom: var(--colors-surface-100);
    --resultsFilterForm-label-color: var(--colors-on-surface-100);
    --resultsFilterForm-matchDayButton-hover-background: var(--colors-secondary-100);
    --resultsFilterForm-matchDayButton-hover-color: var(--colors-on-error-100);
    --resultsFilterForm-matchDayButton-selected-background: var(--colors-secondary-100);
    --resultsFilterForm-matchDayButton-selected-color: var(--colors-on-error-100);

    --scrollTopButton-color: var(--colors-on-primary-100);
    --scrollTopButton-scrollTopInternal-background: var(--colors-primary-100);
    --scrollTopButton-scrollTopInternal-border: 1px solid var(--colors-on-primary-100);

    --shop2web-container-borderbottom: var(--colors-background-100);
    --shop2web-header-background: var(--colors-surface-100);

    --simplifiedTabForm-borderButton-color: var(--colors-primary-100);
    --simplifiedTabForm-buttonsContainer-background: var(--colors-background-80);
    --simplifiedTabForm-buttonsContainer-borderTop-color: black;
    --simplifiedTabForm-cancelButton-color: var(--colors-primary-100);
    --simplifiedTabForm-cancelButton-hover-color: var(--colors-on-primary-100);
    --simplifiedTabForm-modal-button-background: var(--colors-primary-100);
    --simplifiedTabForm-modal-button-color: var(--colors-surface-100);

    --smsVerification-link-color: var(--colors-primary-100);

    --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: #E0E0E0;
    --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);

    --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: var(--colors-surface-100);
    --topBar-topBarContainer-color: var(--colors-on-surface-100);

    --transactionHistory-background: var(--colors-surface-100);
    --transactionHistory-color: var(--colors-on-surface-100);
    --transactionHistory-container-borderColor: #FED728;
    --transactionHistory-container-borderRadius: var(--radius-md);
    --transactionHistoryTable-cell-borderColor: 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);
    --transactionHistoryTable-styledTableHeader-background: var(--colors-background-100);
    --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-cell-color: hsl(from var(--colors-on-surface-100) h s l / 0.6);
    --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: 2px solid #FED728;
    --userMenuOption-menuOption-color: var(--colors-on-surface-100);
    --userMenuOption-menuOption-hover-borderLeftColor: #FED728;
    --userMenuOption-menuOption-notSelected-firstLevel-background: #FFF8D1;
    --userMenuOption-menuOption-notSelected-secondLevel-background: var(--colors-background-100);
    --userMenuOption-menuOption-selected-firstLevel-background: none;
    --userMenuOption-menuOption-selected-secondLevel-background: var(--colors-background-100);
    --userMenuOption-msgCount-background: var(--colors-primary-100);
    --userMenuOption-msgCount-borderColor: var(--colors-primary-100);
    --userMenuOption-msgCount-color: var(--colors-on-primary-100);
    --userMenuOption-option-borderBottom: none;
    --userMenuOption-option-notSelected-fontWeight: var(--typography-font-weight-base);
    --userMenuOption-option-selected-fontWeight: var(--typography-font-weight-bold);
    --userMenuOption-optionArrow-fill: var(--colors-on-background-100);
    --userMenuOption-styledIcon-fill: var(--colors-on-secondary-100);

    --userPanel-balance-color: var(--colors-on-primary-100);
    --userPanel-customAmount-color: var(--colors-on-secondary-100);
    --userPanel-depositButton-background: var(--colors-primary-100);
    --userPanel-depositButton-hover-background: #8a1d14;
    --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: var(--colors-primary-100);
    --userPanel-msgCount-border: var(--colors-primary-100);
    --userPanel-msgCount-color: var(--colors-on-primary-100);
    --userPanel-mybets-color: var(--colors-on-surface-100);
    --userPanel-userIcon-color: var(--colors-on-surface-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);

    --virtualSportsMenu-headerVirtuals-color: var(--colors-on-background-100);
    --virtualSportsMenu-itemContainer-background: var(--colors-surface-100);
    --virtualSportsMenu-itemContainer-hover-borderBottom: var(--colors-primary-60);
    --virtualSportsMenu-itemContainer-selected-borderBottom: var(--colors-primary-60);
    --virtualSportsMenu-sportDescription-color: var(--colors-on-background-100);
    --virtualSportsMenu-sportName-color: var(--colors-on-background-100);

    --virtualsIntegration-linkContainer-color: var(--colors-on-surface-100);
    --virtualsIntegration-linkPrimary-color: var(--colors-primary-100);
    --virtualsIntegration-linkSecondary-color: var(--colors-secondary-100);

    --wallet-verticalDivider-borderRight-color: var(--colors-background-80);

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

    --walletList-linkTo-color: var(--colors-primary-120);

    --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-methodContainer-background: var(--colors-on-primary-100);
    --walletMethod-paymentMethodInfo-color: var(--colors-on-background-100);
}