: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: #00280e;
  --cc-secondary-color: #3d5c47;

  --cc-btn-primary-bg: #003c14;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #003c14;
  --cc-btn-primary-hover-bg: #00280e;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #00280e;

  --cc-btn-secondary-bg: #ebf0ec;
  --cc-btn-secondary-color: #00280e;
  --cc-btn-secondary-border-color: #c5d4c9;
  --cc-btn-secondary-hover-bg: #c5d4c9;
  --cc-btn-secondary-hover-color: #00280e;
  --cc-btn-secondary-hover-border-color: #a8c0af;

  --cc-toggle-on-bg: #003c14;
  --cc-toggle-off-bg: #8aa894;
  --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: #c5d4c9;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-icon-color: #c5d4c9;

  --cc-section-category-border: #ebf0ec;
  --cc-cookie-category-block-bg: #f4f7f5;
  --cc-cookie-category-block-border: #ebf0ec;
  --cc-cookie-category-block-hover-bg: #eef3ef;
  --cc-cookie-category-block-hover-border: #e0eae3;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #edf2ee;

  --cc-separator-border-color: #eef3ef;
  --cc-footer-bg: #f4f7f5;
  --cc-footer-color: #2f4a38;
  --cc-footer-border-color: #e0eae3;
}

#cc-main .cm,
#cc-main .pm {
  border-radius: 0.75rem;
  box-shadow: 0 1rem 2.5rem rgba(0, 40, 14, 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: #ebf0ec;
  color: #00280e;
}

#cc-main .cc__link {
  color: #003c14;
  text-decoration-color: rgba(0, 60, 20, 0.4);
}

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

.cc--darkmode {
  --cc-bg: #0f1a14;
  --cc-primary-color: #ebf1ec;
  --cc-secondary-color: #c0cec4;

  --cc-btn-primary-bg: #d6d8d3;
  --cc-btn-primary-color: #00280e;
  --cc-btn-primary-border-color: #d6d8d3;
  --cc-btn-primary-hover-bg: #bfc5be;
  --cc-btn-primary-hover-color: #00280e;
  --cc-btn-primary-hover-border-color: #bfc5be;

  --cc-btn-secondary-bg: #1a2a20;
  --cc-btn-secondary-color: #ebf1ec;
  --cc-btn-secondary-border-color: #24362b;
  --cc-btn-secondary-hover-bg: #24362b;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #2d4235;

  --cc-toggle-on-bg: #d6d8d3;
  --cc-toggle-off-bg: #4a6b55;
  --cc-toggle-on-knob-bg: #00280e;
  --cc-toggle-off-knob-bg: #e5ece6;
  --cc-toggle-enabled-icon-color: #00280e;
  --cc-toggle-disabled-icon-color: #00280e;
  --cc-toggle-readonly-bg: #2a3f32;
  --cc-toggle-readonly-knob-bg: #6f8374;
  --cc-toggle-readonly-knob-icon-color: #2a3f32;

  --cc-section-category-border: #1a2a20;
  --cc-cookie-category-block-bg: #1a2a20;
  --cc-cookie-category-block-border: #24362b;
  --cc-cookie-category-block-hover-bg: #24362b;
  --cc-cookie-category-block-hover-border: #2d4235;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #2a3f32;

  --cc-separator-border-color: #1a2a20;
  --cc-footer-bg: #0a120e;
  --cc-footer-color: #b7c5bc;
  --cc-footer-border-color: #1a2a20;
}