:root {
  --cc-bg: #374151;
  --cc-primary-color: #f9fafb;
  --cc-secondary-color: #d1d5db;
  --cc-link-color: #60a5fa;
  --cc-separator-border-color: #4b5563;
  --cc-btn-border-radius: 0.375rem;
  --cc-modal-border-radius: 0.75rem;
  --cc-overlay-bg: rgba(15, 23, 42, 0.75);
  --cc-btn-primary-bg: #2563eb;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #2563eb;
  --cc-btn-primary-hover-bg: #1d4ed8;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #1d4ed8;
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #f9fafb;
  --cc-btn-secondary-border-color: #6b7280;
  --cc-btn-secondary-hover-bg: #4b5563;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #4b5563;
  --cc-footer-bg: transparent;
  --cc-footer-color: #d1d5db;
  --cc-footer-border-color: #4b5563;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-size: 1rem;
  min-height: auto;
  padding: 0.75rem 1.5rem;
  border-radius: 0.375rem;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
  background-color: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}

#cc-main .cm__btn--secondary:hover,
#cc-main .pm__btn--secondary:hover {
  background-color: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}

#cc-main .cm__btn:not(.cm__btn--secondary),
#cc-main .pm__btn:not(.pm__btn--secondary) {
  background-color: var(--cc-btn-primary-bg);
  border-color: var(--cc-btn-primary-border-color);
  color: var(--cc-btn-primary-color);
}

#cc-main .cm__btn:not(.cm__btn--secondary):hover,
#cc-main .pm__btn:not(.pm__btn--secondary):hover {
  background-color: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}

#cc-main .cm,
#cc-main .pm {
  background-color: var(--cc-bg);
  color: var(--cc-primary-color);
  border: 1px solid #4b5563;
}

#cc-main .cm__title,
#cc-main .pm__title {
  color: var(--cc-primary-color);
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
  color: var(--cc-secondary-color);
}

#cc-main .cc__link {
  color: var(--cc-link-color);
}

#cc-main .cm__btns {
  border-top: 0 !important;
}
