/* NearSpotio theme overrides for vanilla-cookieconsent v3 */

#cc-main {
  --cc-font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 10px;
  --cc-modal-transition-duration: .25s;
  --cc-modal-margin: 16px;

  /* Dark theme (default) */
  --cc-bg: #0a0d14;
  --cc-primary-color: rgba(255, 255, 255, .93);
  --cc-secondary-color: rgba(255, 255, 255, .62);
  --cc-link-color: #7c5cff;

  --cc-btn-primary-bg: #7c5cff;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: #7c5cff;
  --cc-btn-primary-hover-bg: #6a4df0;
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: #6a4df0;

  --cc-btn-secondary-bg: rgba(255, 255, 255, .06);
  --cc-btn-secondary-color: rgba(255, 255, 255, .93);
  --cc-btn-secondary-border-color: rgba(255, 255, 255, .10);
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, .10);
  --cc-btn-secondary-hover-color: #fff;
  --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, .18);

  --cc-separator-border-color: rgba(255, 255, 255, .10);
  --cc-cookie-category-block-bg: rgba(255, 255, 255, .04);
  --cc-cookie-category-block-border: rgba(255, 255, 255, .10);
  --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, .07);
  --cc-cookie-category-block-hover-border: rgba(255, 255, 255, .14);
  --cc-cookie-category-expanded-block-bg: rgba(255, 255, 255, .03);
  --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, .05);

  --cc-footer-bg: #06080d;
  --cc-footer-color: rgba(255, 255, 255, .62);
  --cc-footer-border-color: rgba(255, 255, 255, .10);

  --cc-toggle-on-bg: #7c5cff;
  --cc-toggle-off-bg: rgba(255, 255, 255, .22);
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #f4f5fa;
  --cc-toggle-enabled-icon-color: #7c5cff;
  --cc-toggle-disabled-icon-color: rgba(255, 255, 255, .62);

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

/* Light theme override */
html[data-theme="light"] #cc-main {
  --cc-bg: #ffffff;
  --cc-primary-color: rgba(0, 0, 0, .88);
  --cc-secondary-color: rgba(0, 0, 0, .60);
  --cc-link-color: #5b3fd9;

  --cc-btn-primary-bg: #5b3fd9;
  --cc-btn-primary-border-color: #5b3fd9;
  --cc-btn-primary-hover-bg: #4c33c0;
  --cc-btn-primary-hover-border-color: #4c33c0;

  --cc-btn-secondary-bg: #edeef5;
  --cc-btn-secondary-color: rgba(0, 0, 0, .88);
  --cc-btn-secondary-border-color: rgba(0, 0, 0, .08);
  --cc-btn-secondary-hover-bg: #e0e2ee;
  --cc-btn-secondary-hover-color: rgba(0, 0, 0, .95);
  --cc-btn-secondary-hover-border-color: rgba(0, 0, 0, .14);

  --cc-separator-border-color: rgba(0, 0, 0, .08);
  --cc-cookie-category-block-bg: #f4f5fa;
  --cc-cookie-category-block-border: rgba(0, 0, 0, .08);
  --cc-cookie-category-block-hover-bg: #edeef5;
  --cc-cookie-category-block-hover-border: rgba(0, 0, 0, .14);
  --cc-cookie-category-expanded-block-bg: #edeef5;
  --cc-cookie-category-expanded-block-hover-bg: #e6e7f0;

  --cc-footer-bg: #f4f5fa;
  --cc-footer-color: rgba(0, 0, 0, .60);
  --cc-footer-border-color: rgba(0, 0, 0, .08);

  --cc-toggle-on-bg: #5b3fd9;
  --cc-toggle-off-bg: rgba(0, 0, 0, .22);
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-enabled-icon-color: #5b3fd9;
  --cc-toggle-disabled-icon-color: rgba(0, 0, 0, .55);

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