:root {
  --cc-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cc-modal-border-radius: 1rem;
  --cc-btn-border-radius: 0.75rem;
  --cc-bg: #ffffff;
  --cc-primary-color: #0f0a1e;
  --cc-secondary-color: #5f6673;
  --cc-btn-primary-bg: #7c3aed;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #7c3aed;
  --cc-btn-primary-hover-bg: #6d28d9;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #6d28d9;
  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #4c1d95;
  --cc-btn-secondary-border-color: #7c3aed;
  --cc-btn-secondary-hover-bg: #f5f3ff;
  --cc-btn-secondary-hover-color: #4c1d95;
  --cc-btn-secondary-hover-border-color: #6d28d9;
  --cc-link-color: #6d28d9;
  --cc-toggle-on-bg: #7c3aed;
  --cc-cookie-category-block-bg: #f7f5ff;
  --cc-cookie-category-block-border: #e7e0ff;
  --cc-cookie-category-block-hover-bg: #f1edff;
  --cc-cookie-category-block-hover-border: #d8cdfc;
  --cc-overlay-bg: rgba(15, 10, 30, 0.62);
}

#cc-main .cm {
  border: 1px solid rgba(124, 58, 237, 0.18);
  box-shadow: 0 20px 55px rgba(15, 10, 30, 0.24);
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
  line-height: 1.55;
}

#cc-main .cm__btn:focus-visible,
#cc-main .pm__btn:focus-visible,
#cc-main .pm__close-btn:focus-visible,
#cc-main .section__toggle:focus-visible {
  outline: 3px solid rgba(124, 58, 237, 0.4);
  outline-offset: 2px;
}

@media (max-width: 640px) {
  #cc-main .cm--bottom {
    top: var(--cc-modal-margin);
    bottom: auto;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --cc-bg: #171127;
    --cc-primary-color: #ffffff;
    --cc-secondary-color: #c4bdcf;
    --cc-btn-secondary-bg: #171127;
    --cc-btn-secondary-color: #ddd6fe;
    --cc-btn-secondary-border-color: #a78bfa;
    --cc-btn-secondary-hover-bg: #261a40;
    --cc-btn-secondary-hover-color: #ffffff;
    --cc-cookie-category-block-bg: #201633;
    --cc-cookie-category-block-border: #3b2b59;
    --cc-cookie-category-block-hover-bg: #2a1d42;
    --cc-cookie-category-block-hover-border: #543d7b;
    --cc-separator-border-color: #3b2b59;
    --cc-footer-bg: #100b1c;
    --cc-footer-color: #c4bdcf;
    --cc-footer-border-color: #3b2b59;
  }
}