:root {
  --cc-font-family: Lato, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    sans-serif;
  --cc-modal-border-radius: 0.75rem;
  --cc-btn-border-radius: 0.5rem;

  --cc-bg: #ffffff;
  --cc-primary-color: #0f2343;
  --cc-secondary-color: #4a5568;

  --cc-btn-primary-bg: #0f2343;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #0f2343;
  --cc-btn-primary-hover-bg: #1a365d;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #1a365d;

  --cc-btn-secondary-bg: #f7f4ef;
  --cc-btn-secondary-color: #0f2343;
  --cc-btn-secondary-border-color: #e6ddd2;
  --cc-btn-secondary-hover-bg: #f4dec9;
  --cc-btn-secondary-hover-color: #0f2343;
  --cc-btn-secondary-hover-border-color: #b79d83;

  --cc-toggle-on-bg: #b79d83;
  --cc-toggle-off-bg: #a0aec0;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-enabled-icon-color: #ffffff;
  --cc-toggle-disabled-icon-color: #ffffff;
  --cc-toggle-readonly-bg: #e6ddd2;
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-readonly-knob-icon-color: #b79d83;

  --cc-section-category-border: #f7f4ef;
  --cc-cookie-category-block-bg: #f7f4ef;
  --cc-cookie-category-block-border: #f4dec9;
  --cc-cookie-category-block-hover-bg: #f4dec9;
  --cc-cookie-category-block-hover-border: #e6ddd2;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #f7f4ef;

  --cc-separator-border-color: #f4dec9;
  --cc-footer-bg: #f7f4ef;
  --cc-footer-color: #4a5568;
  --cc-footer-border-color: #e6ddd2;
}

#cc-main .cm,
#cc-main .pm {
  border-radius: 0.75rem;
  box-shadow: 0 1rem 2.5rem rgba(15, 35, 67, 0.18);
}

#cc-main .cc__btn {
  border-radius: 0.5rem;
}

#cc-main .pm__section {
  border-radius: 0.5rem;
}

#cc-main .pm__section--expandable,
#cc-main .pm__section--toggle {
  border-radius: 0.5rem;
}

#cc-main .pm__badge {
  background: #f4dec9;
  color: #0f2343;
}

#cc-main .cc__link {
  color: #0f2343;
  text-decoration-color: rgba(183, 157, 131, 0.7);
}

#cc-main .cc__link:hover {
  color: #b79d83;
  text-decoration-color: #b79d83;
}

.cc--darkmode {
  --cc-bg: #0f2343;
  --cc-primary-color: #f7f4ef;
  --cc-secondary-color: #d6c6b4;

  --cc-btn-primary-bg: #b79d83;
  --cc-btn-primary-color: #0f2343;
  --cc-btn-primary-border-color: #b79d83;
  --cc-btn-primary-hover-bg: #f4dec9;
  --cc-btn-primary-hover-color: #0f2343;
  --cc-btn-primary-hover-border-color: #f4dec9;

  --cc-btn-secondary-bg: #1a365d;
  --cc-btn-secondary-color: #f7f4ef;
  --cc-btn-secondary-border-color: #2a4a73;
  --cc-btn-secondary-hover-bg: #2a4a73;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #3a5a83;

  --cc-toggle-on-bg: #b79d83;
  --cc-toggle-off-bg: #4a5568;
  --cc-toggle-on-knob-bg: #0f2343;
  --cc-toggle-off-knob-bg: #f7f4ef;
  --cc-toggle-enabled-icon-color: #0f2343;
  --cc-toggle-disabled-icon-color: #0f2343;
  --cc-toggle-readonly-bg: #2a4a73;
  --cc-toggle-readonly-knob-bg: #6a7a90;
  --cc-toggle-readonly-knob-icon-color: #2a4a73;

  --cc-section-category-border: #1a365d;
  --cc-cookie-category-block-bg: #1a365d;
  --cc-cookie-category-block-border: #2a4a73;
  --cc-cookie-category-block-hover-bg: #2a4a73;
  --cc-cookie-category-block-hover-border: #3a5a83;
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: #2a4a73;

  --cc-separator-border-color: #1a365d;
  --cc-footer-bg: #0a1830;
  --cc-footer-color: #d6c6b4;
  --cc-footer-border-color: #1a365d;
}