:root {
    /* External components */
    /* Content loader */
    --contentLoader-primaryColor: var(--colors-background-100);
    --contentLoader-secondaryColor: var(--colors-on-surface-10);
    --contentLoader-border: 1px solid var(--colors-on-surface-20);
    --contentLoader-borderRadius: var(--radius-md);

    /* Common styles */
    --informed-input-bgHover: #f2f2f2;
    --informed-input-borderHover: #1f58cf66;
    --informed-input-boxShadow: #1845a3;
    --input-border: 1px solid #e6e6e6;
    --input-bg: #f2f2f2;

    /* Main styles */
    --appMain-maxWidth: 90rem;
    --appMain-background: var(--colors-background-100);

    /* Colors */
    --custom-colors-primaryVariant: #CAFF00;
    
    /* Area */
    /* Racing */
    --racing-styledMenuItem-borderBottom: 0.188rem solid #7041b0;
    --racing-styledMenuItem-selected-color: #7041b0;

    /* Prematch */
    --results-resultEventDetail-navWrapper-background: red;
    --eventResult-accordion-accordionContainer-accordionHeader-backgroundColor: var(--colors-on-background-10);
    --eventResult-accordion-customArrow-before-background: var(--colors-on-background-100);
    --eventResult-accordion-customArrow-after-background: var(--colors-on-background-100);
    --eventResult-form-datePicker-input-focused-border: 1px solid var(--colors-primary-40);
    --eventResult-form-datePicker-input-focused-boxShadow: 0 0 4px var(--colors-primary-10);
    --eventResult-form-datePicker-calendar-day-selected-color: var(--colors-surface-100);
    
    /* Views */
    --views-betHistory-myBetsContainer-border: none;
    --views-betHistory-myBetsContainer-borderRadius: 0;

    /* Navigation */
    --navigation-events-lineSeparator-borderBottom: 1px solid #EBEBEB;
    --navigation-eventGroup-marketName-color: var(--colors-surface-100);
    --navigation-topbets-separator: 1px solid var(--colors-background-100);
    --navigation-verticalSportList-appVerticalSportList-background-color: transparent;
    --navigation-verticalSportList-verticalSport-sportIcon-color: var(--colors-on-surface-100);
    --navigation-verticalSportList-sportElement-background: var(--colors-background-100);
    --navigation-verticalSportList-sportTournament-color: #33155B;
    --navigation-verticalSportList-sportTournament-background-color: #CAFF00;
    --navigation-verticalSportList-numEvent-fontSize: var(--typography-font-size-s);
    --navigation-verticalSportList-eventNavigation-fontWeight: var(--typography-font-weight-base);
    --navigation-verticalSportList-name-fontSize: var(--typography-font-size-s);
    --navigation-verticalSportList-name-fontWeight: var(--typography-font-weight-base);
    --navigation-verticalSportList-sportTreeTournament-color: #33155B;
    --navigation-verticalSportList-sportTreeTournament-background-color: #CAFF00;
    --navigation-sportListBar-sportListBarContainer-background: #33155B;
    --navigation-sportListBar-styledSportName-fontWeight: var(--typography-font-weight-base);
    --navigation-sportListBar-styledSportName-color: var(--colors-surface-100);
    --navigation-sportListBar-iconContainer-background-color: var(--colors-surface-100);
    --navigation-sportListBar-iconContainer-border: #e6e6e6;
    --navigation-sport-accordion-svgicon-color: #20214b99;
    --navigation-sport-accordion-competitionGroupHeader-contentArrow-hover-country-background: var(--colors-on-background-10);
    --navigation-sport-accordion-competitionGroupHeader-contentArrow-hover-tournament-background: var(--colors-on-background-10);
    --navigation-sport-accordion-competitionGroupElements-fontSize: var(--typography-font-size-s);
    --navigation-sport-accordion-competitionGroupText-fontSize: var(--typography-font-size-s);
    --navigation-sport-accordion-competitionGroupHeader-tournament-background: #CAFF00;
    --navigation-sport-accordion-customArrow-notCountryLevel-before-background: #33155B;
    --navigation-sport-accordion-customArrow-notCountryLevel-after-background: #33155B;
    --navigation-sport-accordion-competitionGroupText-notCountryLevel-color: #33155B;
    --navigation-sport-accordion-competitionGroupNumber-notCountryLevel-color: #33155B;
    --navigation-sport-couponMenuComponent-customButton-textTransform: none;
    --navigation-sport-couponMenuComponent-customInput-noError-border: 1px solid #e6e6e6;

    /* Templates */
    --templates-banner-featureContainer-background: var(--colors-background-100);
    --templates-banner-featureElement-fontSize: var(--typography-font-size-s);
    --templates-banner-featureElement-color: #CAFF00;
    --templates-banner-featureElement-background: #33155B;
    --templates-banner-featureElement-background-hover: #3a126f;
    --templates-banner-featureText-fontWeight: var(--typography-font-weight-semibold);
    --templates-banner-feature-svgIcon-color: #CAFF00;


    /*Betslip*/
    --betslip-dashedbar-topbar-bordercolor: var(--colors-background-100);
    --betslip-dashedbar-topbar-background: var(--colors-surface-100);
    --betslip-dashedbar-bottombar-background: var(--colors-surface-100);
    --betslip-printreceip-betslipreceipt-logobg: var(--colors-primary-100);
    --betslip-betslipfloatingbutton-floatingbuttoncontainer-backgroundcolor: var(--colors-secondary-100);
    --betslip-betslipfloatingbutton-floatingbuttoncontainer-border: none;
    --betslip-betslipfloatingbutton-floatingbuttoncontainer-betslipfloatingbutton-svgicon-color: #ffffff;    
    --betslip-mybets-contentloadermybets-contentloader-primaryColor: #F8F8F8;
    --betslip-mybets-contentloadermybets-contentloader-secondaryColor: var(--colors-background-100);
    --betslip-background: var(--colors-surface-100);
    --betslip-settings-background: var(--colors-surface-100);
}