.snben-theme {
    /* ??? */
    --ten-home-special-background: none;
    --ten-membership-card-box-shadow: none;
    --ten-selector-background: '';

    --ten-global-nav-item-text-transform: auto;
    --ten-global-nav-item-font-size: 14px;
    --ten-global-nav-logo-size-mobile: 26px;

    /* Global */
    --primary-color: #141414;
    --primary-color-rgba: 20, 20, 20;
    --primary-color-100: #141414;
    --primary-color-300: #5B5B5B;
    --primary-color-500: #141414;
    --primary-color-light-75: #ECECEC;
    --primary-color-light-3: #141414;
    --primary-color-light-25: #141414;
    --primary-color-light-15: #141414;
    --primary-color-dark-3: #141414;
    --secondary-color: #006A52;
    --accent-color-100: #006A52;
    --section-content-color: #ffffff;
    --login-button-color: #ffffff;
    --ten-mat-icon-accent-color: var(--white);

    /* Background */
    --grey: #d3d3d3;
    --light-grey: #f2f2f2;
    --accent-color-500: #006A52;
    --border-grey: #e4e4e4;
    --usp-color: #84bd00;
    --usp-color-rgba: 132, 189, 0;
    --usp-detail-border: #000000;

    /* Text */
    --white: #fff;
    --white-rgba: rgba(255, 255, 255, 1);
    --black: #000;
    --black-rgba: rgba(0, 0, 0, 1);
    --dark-grey: #606060;
    --text-grey: #3b3b3b;
    --light-grey: #f2f2f2;
    --rag-color-red: #ac1f1e;
    --rag-color-green: #1a7d48;
    --rag-color-amber: #a24f00;

    /* Header images */
    
    
    
    

    
    --ten-homepage-hero-image: center/cover no-repeat url(https://snb.travel.mastercard.com/media/homepage_hero_image/SNB_Header_loggedoff.jpg);
    
    
    
    
    
    

    /* Hero Image*/
    --background-size-dining-hero: cover;
    --background-position-x-dining-hero: center;
    --background-position-y-dining-hero: center;

    --background-size-entertainment-hero: cover;
    --background-position-x-entertainment-hero: center;
    --background-position-y-entertainment-hero: center;

    --background-size-member-events-hero: cover;
    --background-position-x-member-events-hero: center;
    --background-position-y-member-events-hero: center;

    --background-size-member-benefits-hero: cover;
    --background-position-x-member-benefits-hero: center;
    --background-position-y-member-benefits-hero: center;

    --background-size-travel-hero: cover;
    --background-position-x-travel-hero: center;
    --background-position-y-travel-hero: center;

    --background-size-homepage-hero: cover;
    --background-position-x-homepage-hero: center;
    --background-position-y-homepage-hero: center;

    --background-size-inspiration-hero: cover;
    --background-position-x-inspiration-hero: center;
    --background-position-y-inspiration-hero: center;

    --ten-homepage-hero-text-color: var(--white);
    --ten-homepage-hero-title-color: var(--white);

    /* OVERRIDES */
    /* Background */
    --ten-homepage-section-background-color: var(--border-grey);
    --ten-homepage-sub-heading-color: var(--ten-sub-heading-color);
    --ten-styles-body-background: var(--light-grey);
    --ten-home-special-background-odd: var(--border-grey);
    --ten-hero-top-inspiration: var(--primary-color);
    --ten-search-container-color: #000000;
    --ten-home-special-background: #F2F2F2;
    /* Recaptcha banner settings */
    --ten-recaptcha-banner-background: var(--primary-color);
    --ten-recaptcha-banner-text: var(--login-button-color);

    
    --ten-user-welcome-top-background: radial-gradient(
            20% 80% at 90% 120%,
            rgba(255, 255, 255, 0.4) -85%,
            rgba(125, 185, 232, 0) 115%
        ), radial-gradient(
            30% 60% at 10% 30%,
            rgba(255, 255, 255, 0.3) -85%,
            rgba(125, 185, 232, 0) 115%
        )
        var(--primary-color);
    

    /* Header */
    --ten-search-header-text-color: var(--white);
    --ten-logged-out-nav-background: var(--primary-color);
    --ten-user-registration-header: var(--black);
    --ten-platform-header-titles: var(--black);
    --ten-logout-nav-sticky-header-gradient-background: rgba(68, 66, 64, 0.95);
    --ten-logout-nav-fixed-header-gradient-background: linear-gradient(
        rgba(0, 0, 0, 0.3),
        rgba(0, 0, 0, 0)
        );
    --platform-provider-nav-logo-colour: rgba(255, 255, 255, 1);

    
        --ten-module-header-container-background: linear-gradient(to right, transparent, transparent);
    

    /* Footer */
    --ten-global-footer-background: var(--primary-color);
    --ten-global-footer-color: #FFFFFF;
    --ten-global-footer-recaptcha-text-color: #FFFFFF;
    --footer-border-top: none;
    --platform-provider-footer-logo-colour: rgba(255, 255, 255, 1);

    /* Breadcrumb */
    --ten-breadcrumb-color-text: #FFFFFF;
    --ten-breadcrumb-color-text-hover: #FFFFFF;
    --ten-breadcrumb-text-color-last-breadcrumb: #FFFFFF;
    --ten-breadcrumb-color-last-breadcrumb: var(--primary-color-light-3);
    --ten-breadcrumb-color-container-background: #3B3B3B;
    --ten-breadcrumb-color-border: var(--primary-color-light-5);

    /* Booking journey progress bar */
    --ten-progress-inactive-step-color: #FFFFFF7F;
    --ten-progress-step-background-color: var(--secondary-color);
    --ten-progress-step-color: var(--white);
    --ten-progress-bar-total-price-color: #FFFFFF;
    --ten-progress-bar-color-current: var(--primary-light-color-75);
    --ten-progress-bar-color-background: #000000;
    --ten-progress-bar-color-background-top: #000000;
    --ten-progress-bar-child-background: #595959;
    --ten-progress-bar-border-not-ready: #979797;
    --ten-progress-bar-color-not-ready: #b889d6;
    --ten-progress-bar-child-background-not-ready: #252525;

    /* Nav */
    --ten-global-nav-active-border-color: var(--white);
    --ten-global-nav-border-bottom: var(--white);
    --ten-global-nav-background: var(--primary-color);
    --ten-global-nav-font-color: var(--white);
    --ten-focus-border: #000000B2;
    --ten-global-nav-logo-size: 45px;

    /* Filters */
    --ten-filter-chip-mat-icon-accent-color: #000000;
    --ten-filter-chip-background-color: #E0E0E0;
    --ten-filter-chip-text-color: #000000;
    --ten-filter-chip-border-color: #E0E0E0;
    --ten-filter-chip-selected-text-color: #000000;
    --ten-filter-chip-selected-border-color: #bdbdbd;
    --ten-filter-chip-selected-background-color: #bdbdbd;
    --ten-filter-chip-dropdown-checkbox-tick-color: #ffffff;
    --ten-filter-chip-arrow-accent-color: #000000;
    --ten-chip-close-button-color: #000000;
    --ten-caption-color: var(--primary-color);

    /* Text */
    --ten-small-text-color: var(--black);
    --ten-small-color: var(--primary-color);
    --ten-body-medium-color: var(--black);
    --ten-card-status-text-color-healthy: var(--rag-color-green);
    --ten-card-text-color: var(--rag-color-amber);
    --ten-flights-legal-text-color: var(--black);
    --ten-medium-color: var(--primary-color);
    --ten-welcome-hero-text-color: var(--white);
    --ten-homepage-text-color: var(--white);
    --ten-x-large-color: var(--primary-color);

    /* GHC tag */
    --ten-ghc-badge-color: #84BD00;
    --ten-card-ribbon-text-color: #000000;
    --ten-sub-heading-color: var(--primary-color);
    --ten-body-book-color: var(--black);
    --ten-heading-color: var(--primary-color);

    /* Card Tag */
    --ten-card-benefit-color: var(--primary-color);
    --ten-favourite-card-background: #F2F2F2;

    /* Travel-header */
    --ten-travel-search-subtitle-color: var(--white);
    --ten-travel-search-title-color: var(--white);
    --ten-travel-clear-search-text: var(--white);

    /* Travel search button */
    --ten-travel-search-button-color: var(--white);
    --ten-travel-search-button-color-disabled: rgba(0,0,0,26);
    --ten-travel-search-button-background: var(--primary-color-500);
    --ten-travel-search-button-background-disabled: rgba(0,0,0,0.12);

    --ten-travel-search-results-button-background: var(--white);
    --ten-travel-search-results-button-background-disabled: rgba(0, 0, 0, 0.12);
    --ten-travel-search-results-button-color: var(--black);
    --ten-travel-search-results-button-color-disabled: var(--black);

    --ten-travel-search-results-input-icon-color: #FFFFFF;
    --ten-travel-search-results-input-color: var(--white);
    --ten-travel-search-results-input-background: rgba(255,255,255,0.2);
    --ten-travel-search-results-input-background-hover: rgba(255,255,255,0.2);
    --ten-travel-search-results-input-background-active: rgba(255,255,255,0.4);
    --ten-travel-search-results-input-placeholder: rgba(255,255,255,0.5);
    --ten-travel-search-results-input-placeholder-hover: rgba(255,255,255,0.6);
    --ten-travel-search-results-input-placeholder-active: rgba(255,255,255,0.6);
    --ten-travel-search-input-color: var(--white);
    --ten-travel-search-input-border-v2: rgba(238,238,238,1);
    --ten-travel-search-input-background: rgba(255,255,255,0.2);
    --ten-travel-search-input-background-hover: rgba(255,255,255,0.2);
    --ten-travel-search-input-background-active: rgba(255,255,255,0.4);
    --ten-travel-search-input-placeholder: rgba(255,255,255,0.5);
    --ten-travel-search-input-placeholder-hover: rgba(255,255,255,0.6);
    --ten-travel-search-input-placeholder-active: rgba(255,255,255,0.6);

    --ten-travel-search-icon-color: var(--white);
    --ten-travel-clear-search: var(--white);
    --ten-card-separator-color: var(--border-grey);
    --ten-focus-color: var(--secondary-color);

    

    /* Dining */
    --ten-search-header-dining-text-background-color: var(--primary-color-rgba);
    --ten-dining-value-proposition-text-container: var(--primary-color);
    --ten-dining-value-proposition-text-container-background: var(--primary-color);
    --ten-chip-tag-color: var(--primary-color);
    --ten-chip-text-tag-color: #FFFFFF;
    --ten-dining-input-font-color-disabled: rgba(0,0,0,0.3);
    --ten-dining-input-background-disabled: rgba(255,255,255,0.1);
    --ten-dining-input-font-color: var(--black);
    --ten-dining-input-placeholder-color: rgba(0,0,0,0.5);
    --ten-dining-input-placeholder-color-hover: rgba(0,0,0,0.7);
    --ten-dining-input-placeholder-color-active: rgba(0,0,0,1);
    --ten-dining-input-background: var(--white);
    --ten-dining-input-background-hover: var(--white);
    --ten-dining-input-background-active: var(--white);

    /* Dining check box/check mark */
    --ten-dining-ticked-check-box-body: var(--accent-color-500);
    --ten-dining-ticked-check-box-check-mark: var(--white);

    /* Forms */
    --ten-search-checkbox-bg-color: var(--white);
    --ten-search-input-background: var(--white);
    --ten-search-input-background-hover: var(--white);
    --ten-search-input-background-active: var(--white);
    --ten-search-header-home-text-font-color: #FFFFFF;
    --ten-search-input-placeholder-color: rgba(0,0,0,0.5);
    --ten-search-input-placeholder-color-hover: rgba(0,0,0,0.7);
    --ten-search-input-placeholder-color-active: rgba(0,0,0,1);
    --ten-search-input-icon: var(--dark-grey);
    --ten-search-input-font-color: var(--black-rgba);
    --ten-swap-horiz-color: var(--white);
    --ten-swap-circle-color: var(--primary-color);

    /* GRADIENTS */
    --ten-search-header-gradient: linear-gradient(var(--primary-color) 0%, rgba(var(--primary-color-rgba), 0.5) 100%);

    --typography-body-book-darkType: var(--white);

    /* SLIDE TOGGLE */
    --ten-mat-slide-toggle-color: var(--black);
    --ten-mat-slide-toggle-color-checked: var(--white);
    --ten-mat-slide-toggle-thumb-color: var(--grey);
    --ten-mat-slide-toggle-thumb-color-checked: var(--white);
    --ten-mat-slide-toggle-ripple-color: var(--black);
    --ten-mat-slide-toggle-ripple-color-checked: var(--white);

    /* Follow and favourite colours */
    --ten-follow-button-add-primary: #d11717;
    --ten-follow-button-add-secondary: #9e9e9e;
    --ten-follow-button-remove-primary: #9e9e9e;
    --ten-follow-button-remove-secondary: #d11717;
    --ten-favorite-button-add: #9e9e9e;
    --ten-favorite-button-remove: #000000;

    /* Article */
    --ten-articles-back-button-textcolor: var(--secondary-color);

    /* Hygiene Page */
    --ten-hygiene-page-maincategory-nonselected-text: var(--primary-color);
    --ten-hygiene-page-maincategory-selected-text: var(--primary-color);
    --ten-hygiene-page-maincategory-mouseover-text: var(--black);
    --ten-hygiene-page-subcategory-nonselected-text: var(--white);
    --ten-hygiene-page-subcategory-selected-text: #fff;

    /* Member profile page */
    --ten-profile-tab-text-color: #575757;
    --ten-profile-tab-background-color: #00000000;
    --ten-profile-tab-selected-text-color: #575757;
    --ten-profile-tab-selected-background-color: #00000000;
    --ten-profile-tab-selected-border-color: var(--primary-color-500);
    --ten-profile-tab-focused-text-color: var(--ten-global-nav-font-color);
    --ten-profile-tab-focused-background-color: var(--primary-color-100);
    --ten-member-favourite-ribbon-color: var(--primary-color-100);
    --ten-member-favourite-ribbon-text-color: #FFFFFF;
    --ten-profile-preference-text-color: #FFFFFF;

    /* Entertainment */
    --ten-entertainment-readmore-color: #7DF5FA;

    /* Burger menu */
    --ten-burger-menu-titles-text: var(--white);
    --ten-burger-menu-titles-background: var(--primary-color);
    --ten-burger-menu-mouseover-text: var(--white);
    --ten-burger-menu-mouseover-background: rgba(255, 255, 255, 0.135);

    /* Logged Out Header */
    --ten-logged-out-usp-color: var(--primary-color);

    

    /* Logout carousel */

    --ten-logout-carousel-section-gradient-background: linear-gradient(
        rgba(33,33,34,0.9),
        rgba(33,33,34)
        );
    --ten-logout-carousel-top-section-background: #212120;
    --ten-logout-carousel-bottom-section-background: #434240;

    /* Pre Login */

    --ten-prelogin-register-button-background: var(--primary-color-300);
    --ten-prelogin-register-button-text-color: #FFFFFF;
}