/* Match CookieConsent's controls to the site's live light/dark CSS variables. */
#cc-main {
    --cc-font-family: var(--font-body);
    --cc-bg: var(--surface-strong);
    --cc-primary-color: var(--ink);
    --cc-secondary-color: var(--muted);
    --cc-link-color: var(--plum);
    --cc-footer-bg: var(--soft);
    --cc-footer-color: var(--muted);
    --cc-footer-border-color: var(--line);
    --cc-btn-primary-bg: var(--plum);
    --cc-btn-primary-color: var(--surface-strong);
    --cc-btn-primary-border-color: var(--plum);
    --cc-btn-primary-hover-bg: var(--plum-hover);
    --cc-btn-primary-hover-color: var(--surface-strong);
    --cc-btn-primary-hover-border-color: var(--plum-hover);
    --cc-btn-secondary-bg: var(--soft);
    --cc-btn-secondary-color: var(--ink);
    --cc-btn-secondary-border-color: var(--line-strong);
    --cc-btn-secondary-hover-bg: var(--line);
    --cc-btn-secondary-hover-color: var(--ink);
    --cc-btn-secondary-hover-border-color: var(--line-strong);
    --cc-separator-border-color: var(--line);
    --cc-modal-border-radius: 18px;
    --cc-btn-border-radius: 24px;
    --cc-cookie-category-block-bg: var(--soft);
    --cc-cookie-category-block-border: var(--line);
    --cc-cookie-category-block-hover-bg: var(--line);
    --cc-cookie-category-block-hover-border: var(--line-strong);
    --cc-cookie-category-expanded-block-bg: var(--surface);
    --cc-cookie-category-expanded-block-hover-bg: var(--surface);
    --cc-toggle-on-bg: var(--plum);
    --cc-toggle-on-knob-bg: var(--surface-strong);
    --cc-toggle-off-bg: var(--line-strong);
    --cc-toggle-off-knob-bg: var(--surface-strong);
    --cc-toggle-readonly-bg: var(--line);
    --cc-toggle-readonly-knob-bg: var(--muted);
    --cc-overlay-bg: rgb(0 0 0 / 45%)
}

#cc-main .cm,
#cc-main .pm {
    border: 1px solid var(--line-strong);
    box-shadow: var(--shadow)
}

.cookie-preferences {
    width: fit-content;
    padding: 0;
    border: 0;
    background: none;
    color: var(--muted);
    font: inherit;
    text-align: left
}

.footer-group > .cookie-preferences {
    font-size: 0.875rem
}

.cookie-preferences:hover {
    color: var(--plum)
}

.legal-page .cookie-preferences {
    color: var(--plum);
    text-decoration: underline;
    text-underline-offset: 3px
}

@media (prefers-reduced-motion: reduce) {
    #cc-main {
        --cc-modal-transition-duration: 0s
    }
}

@media print {
    #cc-main,
    .cookie-preferences {
        display: none !important
    }
}