:root {
  --cc-font-family: var(--sans);
  --cc-bg: var(--ink-2);
  --cc-primary-color: var(--stone);
  --cc-secondary-color: var(--muted);
  --cc-btn-primary-bg: var(--gold);
  --cc-btn-primary-color: var(--on-gold);
  --cc-btn-primary-border-color: var(--gold);
  --cc-btn-primary-hover-bg: var(--gold-hover);
  --cc-btn-primary-hover-color: var(--on-gold);
  --cc-btn-primary-hover-border-color: var(--gold-hover);
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--gold);
  --cc-btn-secondary-border-color: var(--gold);
  --cc-btn-secondary-hover-bg: var(--gold);
  --cc-btn-secondary-hover-color: var(--on-gold);
  --cc-btn-secondary-hover-border-color: var(--gold);
  --cc-btn-border-radius: 0;
  --cc-modal-border-radius: 0;
  --cc-separator-border-color: var(--rule);
  --cc-toggle-on-bg: var(--gold);
  --cc-toggle-off-bg: var(--muted);
  --cc-toggle-on-knob-bg: var(--ink);
  --cc-toggle-off-knob-bg: var(--ivory);
  --cc-toggle-readonly-bg: var(--gold-deep);
  --cc-cookie-category-block-bg: var(--ink);
  --cc-cookie-category-block-border: var(--rule);
  --cc-cookie-category-block-hover-bg: var(--ink);
  --cc-cookie-category-block-hover-border: var(--rule);
  --cc-cookie-category-expanded-block-bg: var(--ink);
  --cc-cookie-category-expanded-block-hover-bg: var(--ink);
  --cc-footer-bg: var(--ink-2);
  --cc-footer-border-color: var(--rule);
  --cc-footer-color: var(--muted);
  --cc-link-color: var(--gold);
  --cc-overlay-bg: var(--veil);
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font: var(--font-button);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

#cc-main .cm__title,
#cc-main .pm__title {
  font: var(--font-h3);
  color: var(--ivory);
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid var(--rule);
}