/* Homepage adapter for the self-hosted cookie consent component. */
#cc-main {
  --cc-font-family: var(--font-sans);
  --cc-bg: var(--paper);
  --cc-primary-color: var(--ink);
  --cc-secondary-color: var(--sage);
  --cc-link-color: var(--ink);

  --cc-btn-primary-bg: var(--ink);
  --cc-btn-primary-border-color: var(--ink);
  --cc-btn-primary-color: var(--paper);
  --cc-btn-primary-hover-bg: var(--sage);
  --cc-btn-primary-hover-border-color: var(--sage);
  --cc-btn-primary-hover-color: var(--paper);

  --cc-btn-secondary-bg: var(--paper);
  --cc-btn-secondary-border-color: var(--sage);
  --cc-btn-secondary-color: var(--ink);
  --cc-btn-secondary-hover-bg: var(--ink);
  --cc-btn-secondary-hover-border-color: var(--ink);
  --cc-btn-secondary-hover-color: var(--paper);

  --cc-cookie-category-block-bg: var(--paper);
  --cc-cookie-category-block-border: var(--hairline);
  --cc-cookie-category-block-hover-bg: var(--paper);
  --cc-cookie-category-expanded-block-bg: var(--paper);
  --cc-toggle-on-bg: var(--ink);
  --cc-toggle-off-bg: var(--sage);
  --cc-toggle-readonly-bg: var(--hairline);
  --cc-toggle-on-knob-bg: var(--paper);
  --cc-toggle-off-knob-bg: var(--paper);
  --cc-footer-bg: var(--paper);
  --cc-footer-border-color: var(--hairline);
  --cc-footer-color: var(--sage);
  --cc-btn-border-radius: var(--radius-sm);
  --cc-modal-border-radius: var(--radius-md);
  --cc-z-index: 9999;
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid var(--sage);
  box-shadow: none;
}

#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .cm__btn {
  font-family: var(--font-sans);
}

#cc-main .cm__btn {
  min-height: var(--control-min-block-size);
  font-weight: 600;
  letter-spacing: 0.02em;
}

#cc-main a:focus-visible,
#cc-main button:focus-visible,
#cc-main input:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
  box-shadow: 0 0 0 var(--focus-offset) var(--focus-gap-color);
}