#cc-main {
    --cc-font-family: 'Josefin Sans', 'Segoe UI', sans-serif;
    --cc-modal-border-radius: 1.35rem;
    --cc-btn-border-radius: .78rem;
    --cc-bg: #fff9fb;
    --cc-primary-color: #302132;
    --cc-secondary-color: #5e465b;
    --cc-btn-primary-bg: #cc466c;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-hover-bg: #b83b61;
    --cc-btn-secondary-bg: #f9e2eb;
    --cc-btn-secondary-color: #512c46;
    --cc-btn-secondary-hover-bg: #f4d3e0;
    --cc-link-color: #a92857;
    --cc-cookie-category-block-bg: #fff0f5;
    --cc-cookie-category-block-border: #efd1df;
    --cc-cookie-category-block-hover-bg: #fbe4ed;
    --cc-footer-bg: #fff4f8;
    --cc-overlay-bg: rgba(28, 16, 34, .58);
}

#cc-main .cm,
#cc-main .pm {
    border: 1px solid rgba(138, 62, 99, .2);
    box-shadow: 0 22px 70px rgba(59, 22, 47, .26), 0 5px 15px rgba(59, 22, 47, .1);
}

#cc-main .cm { max-width: 37rem; overflow: hidden; }
#cc-main .cm::before {
    content: '';
    display: block;
    height: .4rem;
    background: linear-gradient(90deg, #d84d73, #f09bad 54%, #f5c5ae);
}
#cc-main .cm__title { font-size: 1.4rem; letter-spacing: -.025em; line-height: 1.25; }
#cc-main .cm__desc { line-height: 1.55; }
#cc-main .cm__btn,
#cc-main .pm__btn { min-height: 2.8rem; font-weight: 650; }
#cc-main .cm__btns { gap: .45rem; }

html.dark #cc-main {
    --cc-bg: #251c30;
    --cc-primary-color: #fff9fc;
    --cc-secondary-color: #e4cfdf;
    --cc-btn-primary-bg: #ee7895;
    --cc-btn-primary-color: #251421;
    --cc-btn-primary-hover-bg: #f49cb2;
    --cc-btn-secondary-bg: #49334d;
    --cc-btn-secondary-color: #fff9fc;
    --cc-btn-secondary-hover-bg: #5b405c;
    --cc-link-color: #ffb6cb;
    --cc-cookie-category-block-bg: #33263e;
    --cc-cookie-category-block-border: #66506e;
    --cc-cookie-category-block-hover-bg: #44344d;
    --cc-footer-bg: #2b2136;
}

@media (max-width: 640px) {
    #cc-main .cm { max-width: calc(100vw - 1.25rem); }
    #cc-main .cm__title { font-size: 1.2rem; }
}