:root {
  --cc-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  --cc-bg: #FAFAF7;
  --cc-primary-color: #0E1116;
  --cc-secondary-color: #0E1116;
  --cc-btn-primary-bg: #FF5C2B;
  --cc-btn-primary-color: #0E1116;
  --cc-btn-primary-border-color: #0E1116;
  --cc-btn-primary-hover-bg: #FF5C2B;
  --cc-btn-primary-hover-color: #0E1116;
  --cc-btn-primary-hover-border-color: #0E1116;
  --cc-btn-secondary-bg: #F2F2EC;
  --cc-btn-secondary-color: #0E1116;
  --cc-btn-secondary-border-color: #0E1116;
  --cc-btn-secondary-hover-bg: #F2F2EC;
  --cc-btn-secondary-hover-color: #0E1116;
  --cc-btn-secondary-hover-border-color: #0E1116;
  --cc-btn-border-radius: 0;
  --cc-modal-border-radius: 0;
  --cc-pm-toggle-on-bg: #FF5C2B;
  --cc-separator-border-color: #0E1116;
  --cc-link-color: #FF5C2B;
  --cc-overlay-bg: rgba(14, 17, 22, 0.55);
}

#cc-main .cm,
#cc-main .pm {
  border: 1.5px solid #0E1116 !important;
  box-shadow: 4px 4px 0 #0E1116 !important;
  border-radius: 0 !important;
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
}

#cc-main .pm__section-title {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: "JetBrains Mono", ui-monospace, Menlo, monospace;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: lowercase;
  border: 1.5px solid #0E1116 !important;
  box-shadow: 3px 3px 0 #0E1116 !important;
  border-radius: 0 !important;
  transition: transform 150ms ease, box-shadow 150ms ease;
}

#cc-main .pm__close-btn {
  font-family: "JetBrains Mono", ui-monospace, Menlo, monospace;
  font-weight: 700;
  border-radius: 0 !important;
}

@media (hover: hover) {
  #cc-main .cm__btn:hover,
  #cc-main .pm__btn:hover {
    transform: translate(-2px, -2px);
    box-shadow: 5px 5px 0 #0E1116 !important;
  }
}

#cc-main .cm__btn:active,
#cc-main .pm__btn:active {
  transform: translate(1px, 1px);
  box-shadow: 2px 2px 0 #0E1116 !important;
}

#cc-main .cm__desc a,
#cc-main .pm__section--expandable .pm__section-desc-wrapper a,
#cc-main a[data-cc] {
  font-family: "JetBrains Mono", ui-monospace, Menlo, monospace;
  font-weight: 700;
  color: #FF5C2B;
  text-decoration: underline;
  text-underline-offset: 2px;
}

#cc-main .pm__section {
  border-radius: 0 !important;
}

#cc-main .pm__section--toggle {
  border: 1px solid #0E1116;
}