/* Dark theme overrides for vanilla-cookieconsent v3.
   Loaded after css/cookieconsent.css so these tokens win. */

#cc-main {
  color-scheme: dark;

  --cc-font-family: "Lato", "Helvetica", sans-serif;

  --cc-bg: #161a1c;
  --cc-primary-color: #fff;
  --cc-secondary-color: #bdcbd5;

  --cc-btn-primary-bg: rgba(255, 255, 255, 0.8);
  --cc-btn-primary-border-color: #fff;
  --cc-btn-primary-color: #000;
  --cc-btn-primary-hover-bg: #fff;
  --cc-btn-primary-hover-border-color: #fff;
  --cc-btn-primary-hover-color: #000;

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.4);
  --cc-btn-secondary-color: #fff;
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.1);
  --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, 0.6);
  --cc-btn-secondary-hover-color: #fff;

  --cc-toggle-on-bg: #575eb0;

  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 2px;

  --cc-cookie-category-block-bg: #1e2428;
  --cc-separator-border-color: #222a30;
  --cc-footer-bg: #0c0e0f;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.7;
}

/* Match the modal's vertical padding to its 1.3em side padding */
#cc-main .cm__texts {
  padding-top: 1.3em;
}

#cc-main .cm__btns {
  padding-top: 1.1em;
  padding-bottom: 1.3em;
  border-top: none;
}

#cc-main .cm__desc {
  padding-bottom: 0;
}
