:root {
  --cc-font-family: Inter, -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: #14271a;
  --cc-secondary-color: #4f6054;

  --cc-btn-primary-bg: #2d4033;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #2d4033;
  --cc-btn-primary-hover-bg: #14271a;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #14271a;

  --cc-btn-secondary-bg: #eaeceb;
  --cc-btn-secondary-color: #14271a;
  --cc-btn-secondary-border-color: #d5d9d6;
  --cc-btn-secondary-hover-bg: #d5d9d6;
  --cc-btn-secondary-hover-color: #14271a;
  --cc-btn-secondary-hover-border-color: #c5cbc7;

  --cc-toggle-on-bg: #2d4033;
  --cc-toggle-off-bg: #a9b5ad;
  --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: #d5d9d6;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-icon-color: #d5d9d6;

  --cc-section-category-border: #ebefec;
  --cc-cookie-category-block-bg: #f6f8f6;
  --cc-cookie-category-block-border: #ebefec;
  --cc-cookie-category-block-hover-bg: #eef2ee;
  --cc-cookie-category-block-hover-border: #e3e8e4;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #edf1ee;

  --cc-separator-border-color: #eef2ee;
  --cc-footer-bg: #f6f8f6;
  --cc-footer-color: #3d4f43;
  --cc-footer-border-color: #e5eae6;
}

#cc-main .cm,
#cc-main .pm {
  border-radius: 0.75rem;
  box-shadow: 0 1rem 2.5rem rgba(20, 39, 26, 0.2);
}

#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: #eaeceb;
  color: #14271a;
}

#cc-main .cc__link {
  color: #2d4033;
  text-decoration-color: rgba(45, 64, 51, 0.4);
}

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

.cc--darkmode {
  --cc-bg: #15241a;
  --cc-primary-color: #ebf1ec;
  --cc-secondary-color: #c0cec4;

  --cc-btn-primary-bg: #d6d8d3;
  --cc-btn-primary-color: #14271a;
  --cc-btn-primary-border-color: #d6d8d3;
  --cc-btn-primary-hover-bg: #bfc5be;
  --cc-btn-primary-hover-color: #14271a;
  --cc-btn-primary-hover-border-color: #bfc5be;

  --cc-btn-secondary-bg: #213227;
  --cc-btn-secondary-color: #ebf1ec;
  --cc-btn-secondary-border-color: #2b3f31;
  --cc-btn-secondary-hover-bg: #2b3f31;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #2f4737;

  --cc-toggle-on-bg: #d6d8d3;
  --cc-toggle-off-bg: #597061;
  --cc-toggle-on-knob-bg: #14271a;
  --cc-toggle-off-knob-bg: #e5ece6;
  --cc-toggle-enabled-icon-color: #14271a;
  --cc-toggle-disabled-icon-color: #14271a;
  --cc-toggle-readonly-bg: #324739;
  --cc-toggle-readonly-knob-bg: #6f8374;
  --cc-toggle-readonly-knob-icon-color: #324739;

  --cc-section-category-border: #233227;
  --cc-cookie-category-block-bg: #233227;
  --cc-cookie-category-block-border: #2a3a2f;
  --cc-cookie-category-block-hover-bg: #2a3c2f;
  --cc-cookie-category-block-hover-border: #314636;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #324739;

  --cc-separator-border-color: #25362a;
  --cc-footer-bg: #111d14;
  --cc-footer-color: #b7c5bc;
  --cc-footer-border-color: #1d2d22;
}