:root {
    /* IMAGES */
    --top-images: none;
    --stars-rated: url(/wp-content/themes/casinotheme/assets/icons/stars-rated.svg);
    --stars-empty: url(/wp-content/themes/casinotheme/assets/icons/stars-empty.svg);
    --review-list-star: url(/wp-content/themes/casinotheme/assets/icons/star-single.svg) no-repeat center center;

    /* GENERAL COLORS */
    --color-primary-lightest: white;
    --color-primary-light: #FEFAFB;
    --color-primary: hsl(0, 0%, 92%);
    --color-primary-dark: hsl(0, 0%, 70%);
    --color-primary-darker: hsl(0, 0%, 30%);
    --color-secondary-lightest: #96B8D9;
    --color-secondary-lighter: #5C52CC;
    --color-secondary-light: #156B13;
    --color-secondary: #D9E4F0;
    --color-secondary-dark: #003466;
    --color-secondary-darker: #EEF6FF;
    --color-cta-lighter: hsl(130, 45%, 91%);
    --color-cta: #156B13;
    --color-cta-dark: #359732;
    --color-cta-darker: #0F500E;
    --color-tooltip: #FACF06;

    /* BG COLOR */
    --bg-color: var(--color-secondary);
    --bg-color-alternate: var(--color-secondary-darker);
    --bg-color-frontpage: var(--color-primary-lightest);
    --bg-color-readmore: var(--bg-color);
    --bg-color-readmore-alternate: var(--color-secondary-darker);
    --bg-color-transparent: rgb(224 237 250 / 0%);
    --bg-color-blue-transparent: hsla(219, 38%, 45%, 0);

    /* MOBILE NAV COLOR */
    --mobile-nav-bg-color: var(--color-primary-lightest);
    --mobile-nav-border-color: var(--color-primary);
    --mobile-nav-text-color: var(--color-secondary-darker);
    --mobile-nav-link-color: #132a53;
    --mobile-nav-notification-color: var(--color-cta);

    /* NAV COLOR */
    --nav-bg-color: var(--color-secondary-lightest);
    --nav-bg-accent-color: var(--color-cta-dark);
    --nav-border-color: var(--color-primary);
    --nav-text-color: var(--color-primary-lightest);
    --nav-link-color: var(--color-secondary-dark);
    --mobile-nav-link-color: var(--gray-900);
    --nav-icon-color: var(--color-secondary-dark);

    /* MOBILE SEARCH COLOR */
    --mobile-search-bg-color: var(--color-primary);
    --mobile-search-bg-accent-color: var(--color-primary-dark);
    --mobile-search-text-color: var(--text-color-card);
    --mobile-search-placeholder-color: var(--text-color-card);

    /* SEARCH COLOR */
    --search-bg-color: var(--color-primary);
    --search-bg-accent-color: var(--color-primary);
    --search-text-color: var(--color-secondary-dark);
    --search-placeholder-color: var(--color-secondary-dark);

    /* REVIEW COLOR */
    --review-top-color: var(--color-secondary-lightest);
    --review-top-text-color: var(--color-secondary-dark);
    --review-support-text-disabled-color: var(--color-primary-dark);

    --review-scorewheel-color: var(--color-cta-darker);

    /* BONUS STRUCTURES COLOR */
    --bonus-tab-color: var(--color-primary);
    --bonus-accent-color: #f7f7f7;

    /* LIST COLOR */
    --list-circle-color: var(--color-cta);
    --list-pay-n-play-color: var(--color-secondary-dark);
    --list-rank-color: var(--text-color-lightest);

    /* CARD COLOR */
    --card-bg-color: var(--color-primary-lightest);
    --card-bg-color-accent: var(--color-primary-lightest);
    --card-bg-color-accent-dark: var(--color-primary-lightest);
    --card-bg-color-dark: var(--color-secondary);
    --card-bg-color-darker: var(--color-secondary-darker);

    /* DEAL COLOR */
    --deal-bg-color: var(--color-secondary-lighter);
    --deal-bg-accent-color: var(--color-secondary);
    --deal-circle-color: var(--color-primary-lightest);
    --deal-temporary-color: var(--color-secondary-darker);
    --deal-daily-color: var(--color-tooltip);
    --deal-exclusive-color: #63CA93;
    --deal-seasonal-color: var(--color-primary-darker);
    --deal-wave-color: var(--color-secondary);
    --deal-wave-accent-color: var(--color-secondary-lighter);
    --deal-text-color: var(--text-color-dark);
    --deal-text-frontpage-color: var(--color-primary-lightest);

    /* PROS AND CONS */
    --proscons-pros-color: #E4F9F1;
    --proscons-cons-color: #FDEFEE;

    /* INLINE MAIL COLOR */
    --mail-bg-color: var(--color-secondary-lighter);

    /* CAROUSEL COLOR */
    --carousel-circle-color: var(--color-primary-lightest);
    --carousel-arrow-color: var(--color-cta);

    /* HOW TO COLOR */
    --howto-bg-color: var(--color-secondary-lightest);

    /* FOOTER COLOR */
    --footer-bg-color: var(--color-secondary);
    --footer-bg-main: var(--color-cta);
    --footer-text-color: var(--color-primary-lightest);

    /* FOOTER */
    --footer-top-image: url(/wp-content/themes/casinotheme/assets/images/footer-image.png);
    --footer-before-bg-color: transparent;
    --footer-bg-height: 0;
    --footer-before-size: 0;
    --footer-image-padding: 20px;
    --footer-image-padding-desktop: 50px;
    --footer-margin-top: 0;
    --footer-margin-top-xl: 0;
    --illustration-bg-size: contain;
    --footerjoke-margin: 0 auto;

    /* FOOTER JOKE COLOR */
    --footer-joke-bg-color: var(--bg-color-alternate);
    --footer-joke-bg-color-light: var(--bg-color);
    --footer-joke-text-color: var(--color-primary-lightest);

    /* BOX SHADOW COLOR */
    --box-shadow-color-dark: var(--color-primary-dark);
    --box-shadow-color-darker: var(--color-primary-darker);

    /* TEXT COLORS */
    --text-color-lightest: var(--color-primary-lightest);
    --text-color-lighter: var(--color-primary-light);
    --text-color-light: var(--color-secondary-dark);
    --text-color-dark: var(--color-secondary-dark);

    --text-color-tooltip: var(--color-primary-lightest);
    --text-color-cta: var(--color-primary-lightest);
    --text-color-card: var(--color-secondary-dark);
    --text-color-quote: var(--color-cta);

    /* LINK COLORS */
    --link-color: var(--color-secondary-darker);
    --link-color-hover: var(--color-secondary-light);

    /* BOX SHADOWS */
    --box-shadow: 0 1px 2px -1px var(--color-primary-dark);
    --box-shadow-hover: 0 0px 10px 0px var(--color-primary-lightest);
    --box-shadow-list: 0 1px 2px 0px var(--color-primary-dark);
    --box-shadow-button: inset 0 -2px 0 0 var(--color-cta-dark);
    --box-shadow-button-hover: inset 0 -2px 0 0 var(--color-cta-darker), 0px 2px 4px #00000016;
    --box-shadow-carousel: 0 1px 4px -1px var(--color-primary-dark);
    --box-shadow-tabs: 0 1px 4px -1px var(--color-primary-dark);

    /* BORDER RADIUS */
    --border-radius: 0.25rem;
    --border-radius-largest: 50%;
    --border-color-light: var(--color-primary-light);
    --border-color-dark: var(--color-primary-darker);

    /* PADDING */
    --padding-card: 1rem;
    --padding-card-larger: 2rem;
    --padding-button-narrow: 0.5rem 0.75rem;
    --padding-button: 0.5rem 1.25rem;
    --padding-button-tall: .75rem 1.75rem;

    /* SIZES */
    --base-width: 1040px;
    --article-min-height: var(--base-width);

    /* COLORS FOR ICONS */
    --default-icon-color: var(--color-cta);
    --heart-pros-icon-color: var(--color-cta);
    --broken-heart-cons-color: var(--color-cta);
}

/* COTM OVERRIDE */
.content-wrapper .cotm-container {
    background: var(--color-secondary-lightest);
}
.content-wrapper .cotm__featured-img::before {
    background: var(--color-secondary-lightest);
}
.content-wrapper .cotm__column {
    background: var(--color-secondary-lighter);
    border-left-color: var(--color-secondary-dark);
}
.content-wrapper .cotm__column ul li {
    border-left-color: var(--color-secondary-lightest);
}
.content-wrapper .cotm__terms .tc-readmore,
.content-wrapper .cotm__terms .cotm__tc-title {
    color: var(--color-secondary);
}