: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: #7f1a1c;
    
    /* Area */
    /* Racing */
    --racing-styledMenuItem-borderBottom: 0.188rem solid var(--colors-accent-100);
    --racing-styledMenuItem-selected-color: var(--colors-on-background-100);

    /* Prematch */
    --results-resultEventDetail-navWrapper-background: var(--colors-surface-100);
    --eventResult-accordion-accordionContainer-accordionHeader-backgroundColor: var(--colors-on-background-100);
    --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 var(--colors-on-background-10);
    --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: #53110E;
    --navigation-verticalSportList-sportTournament-background-color: #ebebeb;
    --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: #53110E;
    --navigation-verticalSportList-sportTreeTournament-background-color: #ebebeb;
    --navigation-sportListBar-sportListBarContainer-background: #fff;
    --navigation-sportListBar-styledSportName-fontWeight: var(--typography-font-weight-base);
    --navigation-sportListBar-styledSportName-color: #000;
    --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: #ebebeb;
    --navigation-sport-accordion-customArrow-notCountryLevel-before-background: #53110E;
    --navigation-sport-accordion-customArrow-notCountryLevel-after-background: #53110E;
    --navigation-sport-accordion-competitionGroupText-notCountryLevel-color: #53110E;
    --navigation-sport-accordion-competitionGroupNumber-notCountryLevel-color: #53110E;
    --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: #000;
    --templates-banner-featureElement-background: #ebebeb;
    --templates-banner-featureElement-background-hover: #dfdddd;
    --templates-banner-featureText-fontWeight: var(--typography-font-weight-base);
    --templates-banner-feature-svgIcon-color: #000;


    /*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: var(--colors-on-primary-100);    
    --betslip-mybets-contentloadermybets-contentloader-primaryColor: #F8F8F8;
    --betslip-mybets-contentloadermybets-contentloader-secondaryColor: var(--colors-background-100);
    --betslip-mybets-details-text-primary-color: var(--colors-on-surface-100);
    --betslip-mybets-details-text-secondary-color: var(--colors-on-surface-60);
    --betslip-background: var(--colors-surface-100);
    --betslip-settings-background: var(--colors-surface-100);

    /* ORAKO-UI-Sportsbook */
    --orako-selection-background: #FFFFFF;
    --orako-selection-border: rgba(127, 26, 28, 0.4);
    --orako-selection-hover-background: #ffd476;
    --orako-selection-hover-border: rgba(127, 26, 28, 0.4);
    --orako-selection-selected-background: #FAB623;
    --orako-selection-selected-border: rgba(127, 26, 28, 0.4);
    --orako-selection-not-tradable-background: #FFFFFF;
    --orako-selection-not-tradable-border: rgba(127, 26, 28, 0.4);
    --orako-selection-not-tradable-color: ;
    --orako-selection-name-color: #141414;
    --orako-selection-name-hover-color: #141414;
    --orako-selection-name-selected-color: #141414;
    --orako-selection-odds-color: #7F1A1C;
    --orako-selection-odds-hover-color: #7F1A1C;
    --orako-selection-odds-selected-color: #141414;

    --orako-event-market-background: var(--colors-surface-100);
    --orako-event-market-separator: #eeeeee;
    --orako-event-market-info-color: var(--colors-on-surface-100);
    --orako-event-market-mbn1-background: hsla(240, 100%, 12%, 0.1);
    --orako-event-market-mbn2-background: hsla(28, 93%, 59%, 1);
    --orako-event-market-mbn3-background: hsla(0, 100%, 35%, 1);
    --orako-event-market-alias-code-background: var(--colors-on-background-120);
    --orako-event-market-alias-code-color: var(--colors-on-surface-60);
    --orako-event-market-arrow: var(--colors-on-surface-100);

    --orako-event-participant-color: var(--colors-on-surface-100);
    --orako-event-score-color: var(--colors-on-surface-100);
    --orako-event-row-border-color: var(--colors-surface-120);
    --orako-event-timeframe-color: var(--colors-on-surface-60);
    --orako-event-id-color: var(--colors-on-surface-100);
    --orako-event-id-background: var(--colors-surface-110);
    --orako-event-streaming-background: var(--colors-surface-110);
    --orako-event-streaming-color: var(--colors-on-surface-100);
    --orako-event-live-indicator-color: var(--colors-accent-100);
  
    --orako-eventlist-container-background: var(--colors-surface-100);
    --orako-eventlist-sport-color: var(--colors-on-surface-100);
    --orako-eventlist-sport-background: var(--colors-surface-100);
    --orako-eventlist-sport-hover-background: var(--colors-surface-110);
    --orako-eventlist-tournament-color: var(--colors-on-surface-60);
    --orako-eventlist-tournament-background: var(--colors-surface-120);
    --orako-eventlist-market-color: var(--colors-on-surface-60);

    --orako-chip-border: var(--colors-on-surface-60);
    --orako-chip-filled-background: var(--colors-surface-120);
    --orako-chip-filled-color: var(--colors-on-surface-60);
    --orako-chip-success-background: var(--colors-success-10);
    --orako-chip-success-color: var(--colors-success-100);
    --orako-chip-error-background: var(--colors-error-10);
    --orako-chip-error-color: var(--colors-error-120);
    --orako-chip-pending-background: var(--colors-warning-10);
    --orako-chip-pending-color: var(--colors-warning-120);
    --orako-chip-in-progress-background: var(--colors-primary-10);
    --orako-chip-in-progress-color: var(--colors-primary-120);
    --orako-chip-na-background: var(--colors-inactive-80);
    --orako-chip-na-color: var(--colors-on-inactive-100);
    --orako-chip-outline-color: var(--colors-on-surface-60);
    --orako-chip-outline-selected-background: var(--colors-surface-100);
    --orako-chip-outline-selected-color: var(--colors-primary-100);
    --orako-chip-selected-background: var(--colors-primary-100);
    --orako-chip-selected-border: var(--colors-primary-60);
    --orako-chip-selected-color: var(--colors-on-primary-100);
    --orako-chip-counter-background: var(--colors-surface-100);
    --orako-chip-counter-color: var(--colors-on-surface-100);
    --orako-chip-icon-color: var(--colors-on-surface-100);

    /* InPlay */
    --inplay-container-background: var(--colors-background-100);
    --inplay-sportlist-background: var(--colors-surface-100);
    --inplay-notcontent-fontsize: var(--typography-font-size-s);
    --inplay-notcontent-color: var(--colors-on-background-100);
    --inplay-notcontent-background: var(--colors-background-100);
    --inplay-lostconnection-title-fontsize: var(--typography-font-size-xl);
    --inplay-lostconnection-title-color: var(--colors-on-surface-100);
    --inplay-lostconnection-body-fontsize: var(--typography-font-size-2xs);
    --inplay-lostconnection-body-color: var(--colors-on-surface-60);

    /* Navigation - Player Props Only */

    --chip-playerprops-background: var(--colors-surface-100);
    --chip-playerprops-color: var(--colors-on-surface-60);
    --chip-playerprops-border: 1px solid var(--colors-on-surface-20);
    --chip-playerprops-font-weight: var(--typography-font-weight-base);
    --chip-playerprops-selected-color: #80100f;
    --chip-playerprops-selected-border: 1px solid #80100f;
    --chip-playerprops-selected-background: var(--colors-surface-100);
    --chip-playerprops-hover-color: var(--colors-on-surface-80);
    --chip-playerprops-hover-border: 1px solid var(--colors-on-surface-40);
    --chip-playerprops-hover-background: var(--colors-background-80);

    /* Navigation - Shortcut Chips General */

    --chip-shortcut-background: var(--colors-surface-100);
    --chip-shortcut-color: var(--colors-on-surface-60);
    --chip-shortcut-border: 1px solid var(--colors-on-surface-20);
    --chip-shortcut-font-weight: var(--typography-font-weight-base);
    --chip-shortcut-selected-color: var(--colors-primary-100);
    --chip-shortcut-selected-border: 1px solid var(--colors-primary-100);
    --chip-shortcut-selected-background: var(--colors-surface-100);
    --chip-shortcut-hover-color: var(--colors-on-surface-80);
    --chip-shortcut-hover-border: 1px solid var(--colors-on-surface-40);
    --chip-shortcut-hover-background: var(--colors-background-80);
    /* Cards */
    --orako-card-branded-background: radial-gradient(100% 100% at 49.86% 0%, #333363 0%, #00003c 100%);
    --orako-card-branded-color: var(--colors-on-surface-100);
    --orako-selection-boosted-background: var(--colors-secondary-100);
    --orako-selection-boosted-border: var(--colors-secondary-100);

    /* Switch component */
    --switch-disabled-label-background: var(--colors-inactive-100);
    --switch-disabled-label-border: 1px solid var(--colors-inactive-100);
    --switch-active-label-background: transparent;
    --switch-active-label-border: 1px solid var(--colors-accent-100);
    --switch-disabled-checkbox-background: var(--colors-inactive-100);
    --switch-disabled-checkbox-border: 1px solid var(--colors-inactive-100);
    --switch-active-checkbox-background: #80100f;
    --switch-active-checkbox-border: 1px solid #80100f;
    --switch-default-label-background: transparent;
    --switch-default-label-border: 1px solid var(--colors-on-surface-60);
    --switch-default-checkbox-border: 1px solid var(--colors-on-surface-60);
    --switch-default-checkbox-background: var(--colors-on-surface-60);
    --switch-default-checkbox-color: #fff;
    --switch-active-checkbox-color: var(--colors-on-primary-100);

    /* Daily List */
    --dailyList-containerSeparator-background: var(--colors-on-surface-10);
    --dailyList-dayNumber-selected-background: var(--colors-primary-100);
    --dailyList-dayNumber-selected-color: var(--colors-on-primary-100);
    --dailyList-dayNumber-color: var(--colors-on-surface-40);
    --dailyList-dayLabel-color: var(--colors-on-surface-40);
    --dailyList-dayLabel-selected-color: var(--colors-on-surface-80);

    /* Sport Page */
    --sportPage-categoryFilter-contentContainer-background: var(--colors-surface-100);

    /* Toggle Button */
    --orako-toggle-button-background: var(--colors-surface-120);
    --orako-toggle-button-hover-background: var(--colors-on-surface-10);
    --orako-toggle-button-disabled-background: var(--colors-inactive-100);
    --orako-toggle-button-disabled-color: var(--colors-on-inactive-100);
    --orako-toggle-button-color: var(--colors-on-surface-100);
    --orako-toggle-button-separator-color: var(--colors-on-surface-20);
    --orako-toggle-button-selected-background: var(--colors-surface-100);
    --orako-toggle-button-selected-border: var(--colors-on-surface-10);
    --orako-toggle-button-selected-color: var(--colors-on-surface-100);
    --orako-toggle-button-selected-shadow: var(--colors-on-surface-10);
    --orako-toggle-button-badge-background: var(--colors-accent-100);
    --orako-toggle-button-badge-color: var(--colors-on-accent-100);
    --orako-toggle-button-badge-selected-background: var(--colors-primary-120);
    --orako-toggle-button-badge-selected-color: var(--colors-on-primary-100);

    --banner-text-color: var(--colors-on-primary-100);
    
    /* bet builder icon component */
    --orako-betbuilder-icon-background: #FFC531;
    --orako-betbuilder-icon-color: #000000;
    
    /* Featured Tab */
    --featuredTab-spinner-border: var(--colors-surface-200);
    --featuredTab-spinner-borderTop: var(--colors-primary);
    --featuredTab-emptyMessage-color: var(--colors-on-surface-60);

    /* All Competitions */
    --allcompetitions-separator: var(--colors-on-surface-10);;
    --allCompetitions-countryName-color: var(--colors-on-surface-100);
    --allCompetitions-arrowIcon-color: var(--colors-on-surface-60);
    --allCompetitions-leagueName-color: var(--colors-on-surface-100);
    --allCompetitions-noLeagues-color: var(--colors-on-surface-40);
    --allCompetitions-title-color: var(--colors-on-surface-100);
    --allCompetitions-countriesContainer-background: var(--colors-on-primary-100);
    --allCompetitions-noCountries-color: var(--colors-on-surface-60);
    --allCompetitions-noCountries-background: var(--colors-surface-100);
}