:root {

    /* Font-Family */
    --cc-primary-font: "DM Sans", sans-serif;

    /* ===== Color tokens ===== */

    /* Surfaces */

    --surfaces-background: #FFFFFF;
    --surfaces-background-light: #FFFFFF;
    --surfaces-background-dark: var(--surfaces-primary);
    --surfaces-navigation: #3A3984;
    --surfaces-primary: #3A3984;
    --surfaces-secondary: #29285E;
    --surfaces-footer: #181837;
    --surfaces-inactive: #E8E8E8;

    /* Border */
    --border-stroke: #C2C2D9;

    /* TEXT STYLES */

    --text-primary: #0F0E0D;
    --text-secondary: #494745;
    --text-inactive: #979594;
    --text-inverted: #FFFFFF;
    --text-inverted-secondary: #c2c2d9;
    --text-link: #3568D4;
    --text-link-hover: #2A4EB8;
    --text-brand: #3A3984;

    --cta-text-dark: #3A3984;
    --cta-text-light: #FFFFFF;
 

    /* CTA */

    --cta-primary: #B22435;
    --cta-primary-hover: #7E1A26;  
    --cta-secondary: #3A3984;
    --cta-secondary-hover: #29285E;
    --cta-ghost: #ffffff00;
    --cta-ghost-hover: #3A3984;
    --cta-navigation: #FFFFFF;
    --cta-navigation-hover: #EBEBF3;
    --cta-navigation-ghost: #FFFFFF;
    --cta-navigation-ghost-hover: #EBEBF3;
    --cta-navigation-text: #3A3984;
    --cta-navigation-text-hover: #3A3984;
    
    /* Category */
    --surfaces-category: #3377FF;

    /*================== Block Component Vars ==================*/

    /* Header v1 (white) color vars start */
    --cc-header-bg-v1: #fff;
    --cc-logo-aside-color-v1: var(--cc-color-brand);
    --cc-header-toggle-color-v1: #000;
    --cc-header-main-links-color-v1: #000;
    /* Header v1 (white) color vars end */

    /* Header v2 (black) color vars start */
    --cc-header-bg-v2: #121212;
    --cc-logo-aside-color-v2: #fff;
    --cc-header-toggle-color-v2: #fff;
    --cc-header-main-links-color-v2: #fff;
    /* Header v2 (black) color vars end */

    /* Mega nav color vars start */
    --cc-header-bg-mega: var(--surfaces-navigation);
    --cc-logo-aside-color-mega: var(--cc-color-brand);
    --cc-header-toggle-color-mega: #fff;
    --cc-header-main-links-color-mega: #000;
    --cc-header-top-links-desktop-color-mega: #fff;
    --cc-meganav-border: #d3d3e6;
    /* Mega nav color vars end */

    /* CTA banner block color vars start */
    --cc-cta-banner-bg: rgba(61, 60, 111, .88);
    /* CTA banner block color vars end */

    /* Nexus popup color vars start */
    --cta-accent--color: #B22435;
    /* Nexus popup color vars end */
    --cc-color-text-footer: var(--white);
    --cc-homepage-banner-v2-arrow-icon-color: var(--cc-color-brand);

    /* Breacking news block color vars start */
    --cc-breacking-news-bg: var(--white);
    --cc-breacking-news-link-arrow-color: var(--cc-color-brand);
    /* Breacking news block color vars end */
    --cc-cs-popup-send-button-color: #fff;
    --cc-cs-popup-send-button-bg: var(--cc-color-brand);
    --cc-color-background-footer-bottom: var(--black);
    --cc-color-brand: var(--surfaces-primary);
    --cc-itc-bg: var(--cc-color-brand);
    --cc-casino-review-btn-color: var(--white);
    --cc-casino-review-btn-bg: var(--cta-primary);
    --cc-casino-review-btn-hover-color: var(--cta-primary);
}

.crt-hero--v4 .crt-hero-basic {
	--cc-casino-review-btn-bg: var(--white);
	--cc-casino-review-btn-color: var(--black);
}

.homepage-banner.is-design-4 .banner-block-right .banner-item {
    background-color: var(--white);
}

.homepage-banner.is-design-4 .banner-block-left p {
    color: var(--white);
}