/* Palette override for vanilla-cookieconsent v3 — dato3 editorial theme.
 * Loaded after the library's base stylesheet. Mirrors style.css tokens:
 * warm off-white bg, near-black ink, muted greys, Fraunces/Inter type. */
#cc-main {
  --cc-font-family: 'Inter', system-ui, sans-serif;
  --cc-modal-border-radius: 6px;
  --cc-btn-border-radius: 3px;
  --cc-z-index: 2147483000;

  --cc-bg: #F7F7F4;
  --cc-primary-color: #15161A;
  --cc-secondary-color: #6E6F74;

  /* Accept (primary CTA) — ink */
  --cc-btn-primary-bg: #15161A;
  --cc-btn-primary-color: #F7F7F4;
  --cc-btn-primary-border-color: #15161A;
  --cc-btn-primary-hover-bg: #000000;
  --cc-btn-primary-hover-color: #F7F7F4;
  --cc-btn-primary-hover-border-color: #000000;

  /* Reject / manage — quiet outline, kept equally reachable */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #15161A;
  --cc-btn-secondary-border-color: #C7C7C2;
  --cc-btn-secondary-hover-bg: #EDEDE9;
  --cc-btn-secondary-hover-color: #15161A;
  --cc-btn-secondary-hover-border-color: #15161A;

  --cc-separator-border-color: #DCDCD8;
  --cc-link-color: #15161A;
  --cc-overlay-bg: rgba(21, 22, 26, 0.4);

  /* Category toggles */
  --cc-toggle-on-bg: #15161A;
  --cc-toggle-off-bg: #C7C7C2;
  --cc-toggle-on-knob-bg: #F7F7F4;
  --cc-toggle-off-knob-bg: #F7F7F4;
  --cc-toggle-readonly-bg: #DCDCD8;
  --cc-toggle-readonly-knob-bg: #F7F7F4;
  --cc-toggle-enabled-icon-color: #F7F7F4;
  --cc-toggle-disabled-icon-color: #F7F7F4;

  /* Preference sections */
  --cc-cookie-category-block-bg: #EFEFEB;
  --cc-cookie-category-block-border: #DCDCD8;
  --cc-cookie-category-block-hover-bg: #EAEAE5;
  --cc-cookie-category-block-hover-border: #C7C7C2;
  --cc-cookie-category-expanded-block-bg: #E8E8E3;
  --cc-cookie-category-expanded-block-hover-bg: #E2E2DC;
  --cc-section-category-border: #DCDCD8;

  --cc-footer-bg: #F7F7F4;
  --cc-footer-color: #6E6F74;
  --cc-footer-border-color: #DCDCD8;
}

/* Editorial touch: serif titles, matching the site's Fraunces headings. */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}