/*
 * Deko brand styling for the oj-cookie-consent widget (vanilla-cookieconsent).
 * Values mirror src/styles/base/_variables.scss — keep them in sync.
 * Primary button color comes from the plugin setting (#003447); this file
 * covers everything the setting doesn't reach.
 */

#cc-main {
    --cc-font-family: 'Jost', sans-serif;

    /* Site buttons are pills, cards use a soft radius */
    --cc-modal-border-radius: 8px;
    --cc-btn-border-radius: 50px;

    /* Text: $color-primary headings, $color-grey-secondary body */
    --cc-primary-color: #003447;
    --cc-secondary-color: #7D7C7C;

    /* Secondary buttons: $color-secondary surface with primary text */
    --cc-btn-secondary-bg: #F1F5F6;
    --cc-btn-secondary-color: #003447;
    --cc-btn-secondary-border-color: #F1F5F6;
    --cc-btn-secondary-hover-bg: #C7D2D6;
    --cc-btn-secondary-hover-border-color: #C7D2D6;
    --cc-btn-secondary-hover-color: #003447;

    /* Category toggles use the site accent ($color-accent-primary) when on */
    --cc-toggle-on-bg: #F26531;

    --cc-footer-bg: #F1F5F6;
    --cc-footer-color: #003447;
}

#cc-main .cm__title,
#cc-main .pm__title {
    font-weight: 500;
}

#cc-main button {
    letter-spacing: 0.02em;
}