:root {
  --cc-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    sans-serif;
  --cc-modal-border-radius: 0.75rem;
  --cc-btn-border-radius: 0.5rem;

  --cc-bg: #ffffff;
  --cc-primary-color: #2b2b28;
  --cc-secondary-color: #6b6b60;

  --cc-btn-primary-bg: #7a7964;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #7a7964;
  --cc-btn-primary-hover-bg: #2b2b28;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #2b2b28;

  --cc-btn-secondary-bg: #f4f3ee;
  --cc-btn-secondary-color: #2b2b28;
  --cc-btn-secondary-border-color: #c0c2b7;
  --cc-btn-secondary-hover-bg: #c0c2b7;
  --cc-btn-secondary-hover-color: #2b2b28;
  --cc-btn-secondary-hover-border-color: #7a7964;

  --cc-toggle-on-bg: #7a7964;
  --cc-toggle-off-bg: #c0c2b7;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-enabled-icon-color: #ffffff;
  --cc-toggle-disabled-icon-color: #ffffff;
  --cc-toggle-readonly-bg: #c0c2b7;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-icon-color: #7a7964;

  --cc-section-category-border: #f4f3ee;
  --cc-cookie-category-block-bg: #f4f3ee;
  --cc-cookie-category-block-border: #e4e3db;
  --cc-cookie-category-block-hover-bg: #e4e3db;
  --cc-cookie-category-block-hover-border: #c0c2b7;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #f4f3ee;

  --cc-separator-border-color: #e4e3db;
  --cc-footer-bg: #f4f3ee;
  --cc-footer-color: #6b6b60;
  --cc-footer-border-color: #c0c2b7;
}

#cc-main .cm,
#cc-main .pm {
  border-radius: 0.75rem;
  box-shadow: 0 1rem 2.5rem rgba(43, 43, 40, 0.18);
}

#cc-main .cc__btn {
  border-radius: 0.5rem;
}

#cc-main .pm__section {
  border-radius: 0.5rem;
}

#cc-main .pm__section--expandable,
#cc-main .pm__section--toggle {
  border-radius: 0.5rem;
}

#cc-main .pm__badge {
  background: #e4e3db;
  color: #2b2b28;
}

#cc-main .cc__link {
  color: #7a7964;
  text-decoration-color: rgba(122, 121, 100, 0.7);
}

#cc-main .cc__link:hover {
  color: #d67f63;
  text-decoration-color: #d67f63;
}

.wt-cookie-settings {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}

.footer-section .wt-cookie-settings:hover {
  color: rgba(255, 255, 255, 0.8);
}

.cc--darkmode {
  --cc-bg: #2b2b28;
  --cc-primary-color: #f4f3ee;
  --cc-secondary-color: #c0c2b7;

  --cc-btn-primary-bg: #d67f63;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #d67f63;
  --cc-btn-primary-hover-bg: #cdb03a;
  --cc-btn-primary-hover-color: #2b2b28;
  --cc-btn-primary-hover-border-color: #cdb03a;

  --cc-btn-secondary-bg: #3a3a36;
  --cc-btn-secondary-color: #f4f3ee;
  --cc-btn-secondary-border-color: #4a4a44;
  --cc-btn-secondary-hover-bg: #4a4a44;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #6b6b60;

  --cc-toggle-on-bg: #d67f63;
  --cc-toggle-off-bg: #6b6b60;
  --cc-toggle-on-knob-bg: #2b2b28;
  --cc-toggle-off-knob-bg: #f4f3ee;
  --cc-toggle-enabled-icon-color: #2b2b28;
  --cc-toggle-disabled-icon-color: #2b2b28;
  --cc-toggle-readonly-bg: #4a4a44;
  --cc-toggle-readonly-knob-bg: #c0c2b7;
  --cc-toggle-readonly-knob-icon-color: #4a4a44;

  --cc-section-category-border: #3a3a36;
  --cc-cookie-category-block-bg: #3a3a36;
  --cc-cookie-category-block-border: #4a4a44;
  --cc-cookie-category-block-hover-bg: #4a4a44;
  --cc-cookie-category-block-hover-border: #6b6b60;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #4a4a44;

  --cc-separator-border-color: #3a3a36;
  --cc-footer-bg: #1f1f1c;
  --cc-footer-color: #c0c2b7;
  --cc-footer-border-color: #3a3a36;
}
