:root {
  --cc-font-family: inherit;
  
  /* Background - solid white to prevent transparency */
  --cc-bg: #ffffff;
  --cc-primary-color: #1a1a1a;
  --cc-secondary-color: #6c757d;

  /* Buttons - neutral gray "cancel" style */
  --cc-btn-primary-bg: #f8f9fa;
  --cc-btn-primary-color: #212529;
  --cc-btn-primary-hover-bg: #e2e8f0;
  --cc-btn-primary-hover-color: #000000;

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #6c757d;
  --cc-btn-secondary-border-color: #dee2e6;
  --cc-btn-secondary-hover-bg: #f8f9fa;
  --cc-btn-secondary-hover-color: #212529;

  /* Layout and blocks */
  --cc-cookie-category-block-bg: #f8f9fa;
  --cc-cookie-category-block-border: #dee2e6;
  --cc-cookie-category-block-hover-bg: #e9ecef;
  --cc-cookie-category-block-hover-border: #dee2e6;
  --cc-cookie-category-expanded-block-hover-bg: #f8f9fa;
  --cc-cookie-category-expanded-block-bg: #f8f9fa;

  --cc-overlay-bg: rgba(17, 24, 39, 0.6) !important;

  --cc-toggle-readonly-bg: #e2e8f0;
  --cc-toggle-on-bg: #0d6efd;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-bg: #cbd5e1;
  --cc-toggle-readonly-knob-bg: #ffffff;

  --cc-separator-border-color: #e2e8f0;
  --cc-footer-border-color: #e2e8f0;
  --cc-footer-bg: #f8f9fa;

  --cc-modal-border-radius: 0.75rem;
  --cc-btn-border-radius: 0.4rem;
}

[data-bs-theme="dark"] {
  /* Solid dark background to prevent transparency */
  --cc-bg: #1c1c1c;
  --cc-primary-color: #f8f9fa;
  --cc-secondary-color: #adb5bd;
  
  --cc-btn-primary-bg: #2d2d2d;
  --cc-btn-primary-color: #f8f9fa;
  --cc-btn-primary-hover-bg: #3d3d3d;
  --cc-btn-primary-hover-color: #ffffff;

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #adb5bd;
  --cc-btn-secondary-border-color: #495057;
  --cc-btn-secondary-hover-bg: #2d2d2d;
  --cc-btn-secondary-hover-color: #f8f9fa;

  --cc-cookie-category-block-bg: #2d2d2d;
  --cc-cookie-category-block-border: #495057;
  --cc-cookie-category-block-hover-bg: #3d3d3d;
  --cc-cookie-category-block-hover-border: #495057;
  --cc-cookie-category-expanded-block-hover-bg: #2d2d2d;
  --cc-cookie-category-expanded-block-bg: #2d2d2d;

  --cc-toggle-readonly-bg: #3d3d3d;
  --cc-toggle-on-bg: #0d6efd;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-bg: #495057;
  --cc-toggle-readonly-knob-bg: #6c757d;

  --cc-separator-border-color: #3d3d3d;
  --cc-footer-border-color: #3d3d3d;
  --cc-footer-bg: #222222;
}