:root {
    --cc-bg: #fff;
    --cc-bg-dark: #373B3C;
    
    --cc-primary-color: #474747;
    --cc-secondary-color: #fff;

    --cc-btn-primary-bg: #00B4C8;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), #00B4C8;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: transparent;

    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-primary-color);
    --cc-btn-secondary-hover-bg: rgba(0, 0, 0, 0.05);
    --cc-btn-secondary-hover-color: var(--cc-primary-color);
    --cc-btn-secondary-hover-border-color: var(--cc-primary-color);
}

/* banner */
#cc-main .cm {
    background: var(--cc-bg-dark);
}

#cc-main .cm__title {
    color: var(--cc-secondary-color);
}

#cc-main .cm__btn--secondary {
    border-color: var(--cc-secondary-color);
    color: var(--cc-secondary-color);
}

#cc-main .cm__btn--secondary:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--cc-secondary-color);
    color: var(--cc-secondary-color);
}

/* popup */
#cc-main .pm__section-desc-wrapper {
    color: var(--cc-primary-color);
}