:root {
  --cc-font-family: Lato, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cc-modal-border-radius: 8px;
  --cc-btn-border-radius: 8px;
  --cc-bg: #fff;
  --cc-primary-color: #10170e;
  --cc-secondary-color: rgba(16, 23, 14, 0.76);
  --cc-btn-primary-bg: #48a62c;
  --cc-btn-primary-border-color: #48a62c;
  --cc-btn-primary-hover-bg: #3f9227;
  --cc-btn-primary-hover-border-color: #3f9227;
  --cc-btn-secondary-bg: #ecf2ea;
  --cc-btn-secondary-color: #22577a;
  --cc-btn-secondary-border-color: #dce8d8;
  --cc-btn-secondary-hover-bg: #dce8d8;
  --cc-btn-secondary-hover-color: #10170e;
  --cc-toggle-on-bg: #48a62c;
  --cc-toggle-off-bg: #848484;
  --cc-cookie-category-block-bg: #f8fbf6;
  --cc-cookie-category-block-border: rgba(34, 87, 122, 0.14);
  --cc-cookie-category-block-hover-bg: #ecf2ea;
  --cc-cookie-category-block-hover-border: rgba(34, 87, 122, 0.24);
  --cc-link-color: #22577a;
}

#cc-main .cm {
  border: 1px solid rgba(34, 87, 122, 0.14);
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
  color: #22577a;
  font-weight: 900;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  text-transform: uppercase;
  font-weight: 900;
}

#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
  color: #22577a;
}