#cc-main {
    --cc-font-family: 'HKGroteskPro', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --cc-font-size: 16px;
    --cc-modal-border-radius: 0;
    --cc-btn-border-radius: 0;
}

/* Force the site's body font on every text element inside the consent modal.
   The library scopes via CSS variable on #cc-main, but Shadow-DOM-like nesting
   sometimes drops inheritance — these rules guarantee HKGroteskPro everywhere. */
#cc-main,
#cc-main *,
.cc--anim,
.cm,
.cm *,
.pm,
.pm *,
#cc-main .cc__div,
#cc-main button,
#cc-main h1, #cc-main h2, #cc-main h3,
#cc-main p, #cc-main span, #cc-main a {
    font-family: 'HKGroteskPro', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}

#cc-main {
    /* keep modal text slightly more leaded to match the rest of the site */
    line-height: 1.5;

    /* Colors */
    --cc-primary-color:        #9f7a58;
    --cc-secondary-color:      #7a5e43;

    --cc-bg:                   #ffffff;
    --cc-text:                 #1a1a1a;
    --cc-secondary-text:       #4a4a4a;
    --cc-link-color:           #9f7a58;

    --cc-btn-primary-bg:       #9f7a58;
    --cc-btn-primary-text:     #ffffff;
    --cc-btn-primary-hover-bg: #7a5e43;

    --cc-btn-secondary-bg:       transparent;
    --cc-btn-secondary-text:     #9f7a58;
    --cc-btn-secondary-border:   1px solid #9f7a58;
    --cc-btn-secondary-hover-bg: #9f7a58;
    --cc-btn-secondary-hover-text: #ffffff;

    --cc-toggle-on-bg:         #9f7a58;
    --cc-toggle-off-bg:        #d6c4b4;
    --cc-toggle-readonly-bg:   #c8b49f;

    --cc-cookie-category-border-radius: 0;
    --cc-overlay-bg:           rgba(0, 0, 0, 0.5);
    --cc-separator-border-color: #e8ddd5;

    --cc-z-index:              9999;
}