:root{
    --cc-bg: #F1EAE3;

    --cc-btn-primary-hover-bg: white;
    --cc-btn-primary-hover-border-color: white;
    --cc-btn-primary-hover-color:black;

    --cc-btn-secondary-bg: white;
    --cc-btn-secondary-border-color: white;

    --cc-btn-secondary-hover-color: white;
    --cc-btn-secondary-hover-bg: black;
    --cc-btn-secondary-hover-border-color: black;

    --cc-cookie-category-block-bg: black;
    --cc-cookie-category-block-border: black;

    --cc-cookie-category-block-hover-bg: white;
    --cc-cookie-category-block-hover-border: white;
    --cc-toggle-on-bg: #F1EAE3;
    --cc-toggle-readonly-knob-bg: black;
    --cc-toggle-off-knob-bg: black;
    --cc-toggle-on-knob-bg: black;
    
    --cc-separator-border-color: black;

    /* --cc-cookie-category-expanded-block-bg: black ; */
    /* --cc-cookie-category-expanded-block-hover-bg:  black; */
}
#cc-main{ font-family: basic-sans, sans-serif; }
#cc-main .pm__section--expandable .pm__section-arrow { background: #F1EAE3; }
#cc-main .pm__section--toggle .pm__section-title{ color: white; }
#cc-main .pm__section--toggle .pm__section-title:hover{ color: black; }
#cc-main .pm__section--toggle.is-expanded .pm__section-title-wrapper { background-color: black; }
#cc-main .toggle-service { border: 2px solid black; }
#cc-main .pm__section-title-wrapper{ border-radius: 8px;}