#cc-main {
  --cc-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 12px;

  /* Text: primary-color = titles/headings, secondary-color = body/descriptions */
  --cc-primary-color: #0A0A0B;
  --cc-secondary-color: #52525E;

  --cc-bg: #fff;
  --cc-link-color: #6366F1;

  --cc-btn-primary-bg: #6366F1;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #6366F1;
  --cc-btn-primary-hover-bg: #4F46E5;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #4F46E5;

  --cc-btn-secondary-bg: #F4F4F5;
  --cc-btn-secondary-color: #0A0A0B;
  --cc-btn-secondary-border-color: #E4E4E7;
  --cc-btn-secondary-hover-bg: #E4E4E7;
  --cc-btn-secondary-hover-color: #0A0A0B;
  --cc-btn-secondary-hover-border-color: #D1D1D6;

  --cc-separator-border-color: #E4E4E7;
  --cc-footer-bg: #FAFAFA;
  --cc-footer-color: #52525E;
  --cc-footer-border-color: #E4E4E7;

  --cc-toggle-on-bg: #6366F1;
  --cc-toggle-off-bg: #A0A0AB;
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-readonly-bg: #D1D1D6;
  --cc-toggle-readonly-knob-bg: #fff;
  --cc-toggle-readonly-knob-icon-color: #D1D1D6;

  --cc-cookie-category-block-bg: #FAFAFA;
  --cc-cookie-category-block-border: #E4E4E7;
  --cc-cookie-category-block-hover-bg: #F4F4F5;
  --cc-cookie-category-block-hover-border: #E4E4E7;
  --cc-cookie-category-expanded-block-bg: #fff;
  --cc-cookie-category-expanded-block-hover-bg: #FAFAFA;

  --cc-overlay-bg: rgba(10, 10, 11, 0.55);
  --cc-webkit-scrollbar-bg: #F4F4F5;
  --cc-webkit-scrollbar-hover-bg: #E4E4E7;
}

/* Explicit text overrides (banner + preferences modal) */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title,
#cc-main .pm__table-head > tr,
#cc-main .pm__table-td:before {
  color: #0A0A0B;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc,
#cc-main .pm__section-desc-wrapper,
#cc-main .pm__section:first-child,
#cc-main .pm__badge,
#cc-main .cm__footer,
#cc-main .cm__link-group {
  color: #52525E;
}

#cc-main .cc__link,
#cc-main a.cc__link {
  color: #6366F1;
}

body.darkmode #cc-main {
  --cc-bg: #18181B;
  --cc-primary-color: #FAFAFA;
  --cc-secondary-color: #A0A0AB;
  --cc-link-color: #818CF8;

  --cc-btn-primary-bg: #6366F1;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: #4F46E5;

  --cc-btn-secondary-bg: #27272A;
  --cc-btn-secondary-color: #FAFAFA;
  --cc-btn-secondary-border-color: #3F3F46;
  --cc-btn-secondary-hover-bg: #3F3F46;
  --cc-btn-secondary-hover-color: #FAFAFA;
  --cc-btn-secondary-hover-border-color: #52525E;

  --cc-separator-border-color: #3F3F46;
  --cc-footer-bg: #27272A;
  --cc-footer-color: #A0A0AB;
  --cc-footer-border-color: #3F3F46;

  --cc-cookie-category-block-bg: #27272A;
  --cc-cookie-category-block-border: #3F3F46;
  --cc-cookie-category-block-hover-bg: #3F3F46;
  --cc-cookie-category-block-hover-border: #52525E;
  --cc-cookie-category-expanded-block-bg: #18181B;
  --cc-cookie-category-expanded-block-hover-bg: #27272A;

  --cc-overlay-bg: rgba(0, 0, 0, 0.65);
}

body.darkmode #cc-main .cm__title,
body.darkmode #cc-main .pm__title,
body.darkmode #cc-main .pm__section-title,
body.darkmode #cc-main .pm__table-head > tr,
body.darkmode #cc-main .pm__table-td:before {
  color: #FAFAFA;
}

body.darkmode #cc-main .cm__desc,
body.darkmode #cc-main .pm__section-desc,
body.darkmode #cc-main .pm__section-desc-wrapper,
body.darkmode #cc-main .pm__section:first-child,
body.darkmode #cc-main .pm__badge,
body.darkmode #cc-main .cm__footer,
body.darkmode #cc-main .cm__link-group {
  color: #A0A0AB;
}