:root,
.cc--darkmode {
  --cc-font-family: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;

  --cc-bg: var(--white);
  --cc-primary-color: var(--black);
  --cc-secondary-color: var(--black-66);
  --cc-link-color: var(--black);
  --cc-overlay-bg: rgb(0 0 0 / .6);

  --cc-btn-primary-bg: var(--black);
  --cc-btn-primary-color: var(--white);
  --cc-btn-primary-border-color: var(--black);
  --cc-btn-primary-hover-bg: var(--black-85);
  --cc-btn-primary-hover-color: var(--white);
  --cc-btn-primary-hover-border-color: var(--black-85);

  --cc-btn-secondary-bg: var(--black-10);
  --cc-btn-secondary-color: var(--black);
  --cc-btn-secondary-border-color: var(--black-10);
  --cc-btn-secondary-hover-bg: var(--black-25);
  --cc-btn-secondary-hover-color: var(--black);
  --cc-btn-secondary-hover-border-color: var(--black-25);

  --cc-separator-border-color: var(--black-10);
  --cc-footer-bg: var(--black-05);
  --cc-footer-color: var(--black-66);
  --cc-footer-border-color: var(--black-10);

  --cc-cookie-category-block-bg: var(--black-05);
  --cc-cookie-category-block-border: var(--black-05);
  --cc-cookie-category-block-hover-bg: var(--black-10);
  --cc-cookie-category-block-hover-border: var(--black-10);
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: var(--black-05);
  --cc-section-category-border: var(--black-10);

  --cc-toggle-on-bg: var(--black);
  --cc-toggle-on-knob-bg: var(--white);
  --cc-toggle-off-bg: var(--black-33);
  --cc-toggle-off-knob-bg: var(--white);
  --cc-toggle-readonly-bg: var(--black-10);
  --cc-toggle-readonly-knob-bg: var(--black-33);
  --cc-toggle-enabled-icon-color: var(--white);
  --cc-toggle-disabled-icon-color: var(--white);

  --cc-webkit-scrollbar-bg: var(--black-10);
  --cc-webkit-scrollbar-hover-bg: var(--black-33);
}