/* ============================================
   Cookie consent: theme for vendor/cookieconsent-3.1.0.css
   Maps the library's variables onto the site palette. Square, hairlines,
   one typeface, like the contact modal.
   ============================================ */
#cc-main {
    --cc-font-family: var(--font-sans);
    --cc-modal-border-radius: 0;
    --cc-btn-border-radius: 0;
    --cc-pm-toggle-border-radius: 0;
    --cc-modal-margin: 1.25rem;
    --cc-modal-transition-duration: 0.3s;
    --cc-z-index: 10000;

    --cc-bg: var(--bg-raised);
    --cc-primary-color: var(--fg);
    --cc-secondary-color: var(--fg-soft);
    --cc-link-color: var(--accent-light);
    --cc-overlay-bg: var(--overlay);

    --cc-btn-primary-bg: var(--accent);
    --cc-btn-primary-color: var(--fg);
    --cc-btn-primary-border-color: var(--accent);
    --cc-btn-primary-hover-bg: var(--accent-deep);
    --cc-btn-primary-hover-color: var(--fg);
    --cc-btn-primary-hover-border-color: var(--accent-deep);

    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-color: var(--fg);
    --cc-btn-secondary-border-color: var(--line-strong);
    --cc-btn-secondary-hover-bg: transparent;
    --cc-btn-secondary-hover-color: var(--accent-light);
    --cc-btn-secondary-hover-border-color: var(--accent-light);

    --cc-separator-border-color: var(--line);

    --cc-toggle-on-bg: var(--accent);
    --cc-toggle-off-bg: rgba(250, 250, 250, 0.22);
    --cc-toggle-on-knob-bg: var(--fg);
    --cc-toggle-off-knob-bg: var(--fg);
    --cc-toggle-enabled-icon-color: var(--accent);
    --cc-toggle-disabled-icon-color: var(--bg);
    --cc-toggle-readonly-bg: var(--accent-deep);
    --cc-toggle-readonly-knob-bg: var(--fg-soft);
    --cc-toggle-readonly-knob-icon-color: var(--accent-deep);

    --cc-section-category-border: var(--line);
    --cc-cookie-category-block-bg: transparent;
    --cc-cookie-category-block-border: var(--line);
    --cc-cookie-category-block-hover-bg: rgba(250, 250, 250, 0.04);
    --cc-cookie-category-block-hover-border: var(--line-strong);
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: rgba(250, 250, 250, 0.04);

    --cc-footer-bg: var(--bg-raised);
    --cc-footer-color: var(--fg-soft);
    --cc-footer-border-color: var(--line);

    color-scheme: dark;
}

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

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

#cc-main .cm__btn,
#cc-main .pm__btn {
    font-weight: 500;
    min-height: 44px;
}

/* The toggle is square to match the rest of the site */
#cc-main .section__toggle-wrapper .toggle__icon,
#cc-main .section__toggle-wrapper .toggle__icon-circle {
    border-radius: 0;
}

/* The library's drop shadows and round markers. The site is flat and
   square: panels stand forward by tone and a hairline alone. */
#cc-main .cm,
#cc-main .pm,
#cc-main .toggle__icon-circle {
    box-shadow: none;
}

#cc-main .pm__section-arrow,
#cc-main .pm__service-icon {
    border-radius: 0;
}

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