:root {
    --cc-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --cc-modal-border-radius: 8px;
    --cc-btn-border-radius: 6px;
    --cc-bg: #f8f5ed;
    --cc-primary-color: #173c35;
    --cc-secondary-color: #516c66;
    --cc-btn-primary-bg: transparent;
    --cc-btn-primary-color: #173c35;
    --cc-btn-primary-border-color: #173c35;
    --cc-btn-primary-hover-bg: #173c35;
    --cc-btn-primary-hover-color: #f8f5ed;
    --cc-btn-primary-hover-border-color: #173c35;
    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-color: #173c35;
    --cc-btn-secondary-border-color: #173c35;
    --cc-btn-secondary-hover-bg: #173c35;
    --cc-btn-secondary-hover-color: #f8f5ed;
    --cc-btn-secondary-hover-border-color: #173c35;
    --cc-separator-border-color: rgba(23, 60, 53, .18);
    --cc-toggle-on-bg: #173c35;
    --cc-cookie-category-block-bg: #eee7d8;
    --cc-cookie-category-block-border: rgba(23, 60, 53, .18);
    --cc-cookie-category-block-hover-bg: #e6ddca;
    --cc-cookie-category-block-hover-border: rgba(23, 60, 53, .28);
    --cc-footer-bg: #eee7d8;
    --cc-footer-color: #516c66;
    --cc-footer-border-color: rgba(23, 60, 53, .18);
}

html[data-public-theme="dark"] {
    --cc-bg: #17272a;
    --cc-primary-color: #f5f2e9;
    --cc-secondary-color: #c4d0cc;
    --cc-btn-primary-color: #f5f2e9;
    --cc-btn-primary-border-color: #d6e2de;
    --cc-btn-primary-hover-bg: #f5f2e9;
    --cc-btn-primary-hover-color: #17272a;
    --cc-btn-primary-hover-border-color: #f5f2e9;
    --cc-btn-secondary-color: #f5f2e9;
    --cc-btn-secondary-border-color: #d6e2de;
    --cc-btn-secondary-hover-bg: #f5f2e9;
    --cc-btn-secondary-hover-color: #17272a;
    --cc-btn-secondary-hover-border-color: #f5f2e9;
    --cc-separator-border-color: #40585a;
    --cc-toggle-on-bg: #16dbe8;
    --cc-toggle-on-knob-bg: #102326;
    --cc-toggle-readonly-bg: #617779;
    --cc-cookie-category-block-bg: #203538;
    --cc-cookie-category-block-border: #40585a;
    --cc-cookie-category-block-hover-bg: #294245;
    --cc-cookie-category-block-hover-border: #587174;
    --cc-footer-bg: #102326;
    --cc-footer-color: #c4d0cc;
    --cc-footer-border-color: #40585a;
}

#cc-main .cm__btn,
#cc-main .cm__btn--secondary {
    min-width: 10rem;
}

.cookie-settings-button {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 4px;
}

.cookie-settings-button:hover {
    text-decoration-color: currentColor;
}

.cookie-settings-button:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 3px;
}

.public-footer .cookie-settings-button {
    font-size: .92rem;
    text-align: left;
}

.login-cookie-settings {
    color: var(--muted);
    font-size: 13px;
}

@media (max-width: 640px) {
    #cc-main .cm__btn,
    #cc-main .cm__btn--secondary {
        min-width: 0;
    }
}