/* See all variables here: https://github.com/orestbida/cookieconsent/blob/master/src/scss/abstracts/_dark-color-scheme.scss */

:root {
  --cc-font-family: 'DM Sans', sans-serif;
}

#cc-main {
  /* Modal / banner surface */
  --cc-bg: hsl(0, 0%, 100%);
  --cc-primary-color: hsl(180, 30%, 10%);
  --cc-secondary-color: hsl(180, 10%, 42%);

  /* Primary button — Accept all */
  --cc-btn-primary-bg: hsl(170, 65%, 36%);
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: hsl(170, 65%, 36%);
  --cc-btn-primary-hover-bg: hsl(170, 65%, 28%);
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: hsl(170, 65%, 28%);

  /* Secondary button — Reject / Settings */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: hsl(180, 30%, 10%);
  --cc-btn-secondary-border-color: hsl(42, 15%, 86%);
  --cc-btn-secondary-hover-bg: hsl(42, 30%, 92%);
  --cc-btn-secondary-hover-color: hsl(180, 30%, 10%);
  --cc-btn-secondary-hover-border-color: hsl(42, 15%, 86%);

  /* Toggle */
  --cc-toggle-on-bg: hsl(170, 65%, 36%);
  --cc-toggle-off-bg: hsl(42, 15%, 86%);
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-readonly-bg: hsl(42, 20%, 78%);
  --cc-toggle-readonly-knob-bg: #fff;

  /* Category blocks */
  --cc-cookie-category-block-bg: hsl(42, 30%, 97%);
  --cc-cookie-category-block-border: hsl(42, 15%, 86%);
  --cc-cookie-category-block-hover-bg: hsl(42, 30%, 92%);
  --cc-cookie-category-block-hover-border: hsl(42, 15%, 86%);
  --cc-cookie-category-expanded-block-bg: hsl(42, 30%, 92%);
  --cc-cookie-category-expanded-block-hover-bg: hsl(42, 30%, 88%);

  /* Separators & scrollbar */
  --cc-separator-border-color: hsl(42, 15%, 86%);
  --cc-webkit-scrollbar-bg: hsl(42, 30%, 92%);
  --cc-webkit-scrollbar-hover-bg: hsl(42, 15%, 86%);

  /* Overlay */
  --cc-overlay-bg: rgba(18, 41, 45, 0.65);

  /* Sharp corners to match Foundation theme */
  --cc-btn-border-radius: 0;
  --cc-modal-border-radius: 0;
  --cc-pm-border-radius: 0;
}