/* ==========================================================================
   cookie-consent.css — Bindworks theming for orestbida/cookieconsent v3.

   Shared by every page that shows the consent banner. Only maps the library's
   own custom properties onto the site design tokens from bindworks.css, so it
   must be loaded *after* css/bindworks.css.
   ========================================================================== */

#cc-main {
  /* Font */
  --cc-font-family: var(--_typografie---body);
  /* Primary button */
  --cc-btn-primary-bg: var(--main-blue);
  --cc-btn-primary-border-color: var(--main-blue);
  --cc-toggle-on-bg: var(--main-blue);
  --cc-btn-primary-color: var(--white);
  /* Primary button Hover */
  --cc-btn-primary-hover-bg: var(--blue-hover);
  --cc-btn-primary-hover-border-color: var(--blue-hover);
  --cc-btn-primary-hover-color: var(--white);
  /* Secondary button */
  --cc-btn-secondary-bg: #ffffff3d;
  --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
  --cc-btn-secondary-color: var(--main-color-theme--blue-dark);
  /* Secondary button Hover */
  --cc-btn-secondary-hover-bg: #ffffff7d;
  --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
  --cc-btn-secondary-hover-color: var(--main-color-theme--blue-dark);
  /* Buttons border radius */
  --cc-btn-border-radius: var(--_spacings---roundings--medium);
  /* Modal border radius */
  --cc-modal-border-radius: var(--_spacings---roundings--base);
}
#cc-main .cm {
  box-shadow: none;
  border: 1px solid var(--outline);
}
