#cc-main {
  --cc-font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --cc-bg: #ffffff;
  --cc-primary-color: #122033;
  --cc-secondary-color: #4c5d73;
  --cc-btn-primary-bg: #8a6515;
  --cc-btn-primary-border-color: #8a6515;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: #6f4f0f;
  --cc-btn-primary-hover-border-color: #6f4f0f;
  --cc-btn-secondary-bg: #eef2f7;
  --cc-btn-secondary-border-color: #d7dfeb;
  --cc-btn-secondary-color: #122033;
  --cc-btn-secondary-hover-bg: #e2e8f0;
  --cc-btn-secondary-hover-border-color: #c9d4e2;
  --cc-toggle-on-bg: #8a6515;
  --cc-toggle-off-bg: #6b7280;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-modal-border-radius: 1rem;
  --cc-btn-border-radius: 999px;
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid rgba(7, 26, 53, .12);
  box-shadow: 0 18px 50px rgba(7, 26, 53, .18);
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: Georgia, "Times New Roman", serif;
}

#cc-main a {
  color: #76530f;
  font-weight: 700;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 700;
}

body.dark-theme #cc-main {
  --cc-bg: #102039;
  --cc-primary-color: #edf4ff;
  --cc-secondary-color: #c7d2e2;
  --cc-btn-secondary-bg: #1d314d;
  --cc-btn-secondary-border-color: #60728a;
  --cc-btn-secondary-color: #edf4ff;
}