.cc--custom {
  --cc-bg: #ffffff;
  --cc-primary-color: #121212;
  --cc-secondary-color: #666666;

  --cc-btn-primary-bg: #0050a1;
  --cc-btn-primary-hover-bg: #003e7d;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-color: #ffffff;

  --cc-btn-secondary-bg: #f2f6fa;
  --cc-btn-secondary-hover-bg: #e0eaf4;
  --cc-btn-secondary-color: #001a35;
  --cc-btn-secondary-hover-color: #001a35;

  --cc-cookie-category-block-bg: #ffffff;
  --cc-cookie-category-block-hover-bg: #f5f8fb;
  --cc-cookie-category-block-border: #e0eaf4;
  --cc-cookie-category-block-hover-border: #dce7f2;
  --cc-cookie-category-expanded-block-bg: #f5f8fb;
  --cc-cookie-category-expanded-block-hover-bg: #f5f8fb;
  --cc-toggle-readonly-bg: #cbd2da;
  --cc-overlay-bg: #0009 !important;

  --cc-toggle-on-bg: #0050a1;
  --cc-toggle-off-bg: #cbd2da;
  --cc-toggle-on-knob-bg: var(--cc-bg);
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg);

  --cc-separator-border-color: #e0eaf4;

  --cc-footer-border-color: #dddddd;
  --cc-footer-bg: #f5f8fb;
}