:root {
  --cc-font-family: "Inter", sans-serif;
  --cc-modal-border-radius: 0.5rem;
  --cc-btn-border-radius: 0.5rem;
  --cc-bg: #ffffff;
  --cc-primary-color: #191c1e;
  --cc-secondary-color: #414754;
  --cc-btn-primary-bg: #0070f3;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #0070f3;
  --cc-btn-primary-hover-bg: #0058c3;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #0058c3;
  --cc-btn-secondary-bg: #f2f4f6;
  --cc-btn-secondary-color: #191c1e;
  --cc-btn-secondary-border-color: #c1c6d7;
  --cc-btn-secondary-hover-bg: #e6e8ea;
  --cc-btn-secondary-hover-color: #191c1e;
  --cc-btn-secondary-hover-border-color: #727786;
  --cc-cookie-category-block-bg: #f7f9fb;
  --cc-cookie-category-block-border: #c1c6d7;
  --cc-cookie-category-block-hover-bg: #f2f4f6;
  --cc-cookie-category-block-hover-border: #727786;
  --cc-footer-bg: #f7f9fb;
  --cc-footer-border-color: #c1c6d7;
  --cc-link-color: #0058c3;
  --cc-separator-border-color: #c1c6d7;
  --cc-toggle-on-bg: #00677f;
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid #c1c6d7;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.14);
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: "Hanken Grotesk", sans-serif;
  letter-spacing: 0;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: "JetBrains Mono", monospace;
}