/* consent.css — Projekt-Anpassung des Datenschutz-Hinweis-Banners.
 *
 * Überschreibt ausschließlich die CSS-Variablen von vanilla-cookieconsent
 * v3.1.0 (/assets/vendor/cookieconsent/cookieconsent.css) mit den
 * Design-Token aus site.css. Die Token wechseln selbst zwischen Hell und
 * Dunkel (prefers-color-scheme bzw. data-theme); der .cc--darkmode-
 * Mechanismus der Library wird deshalb nicht benötigt.
 *
 * Zurückhaltende Box: neutrale Flächen, rostroter Akzent nur am Button. */

#cc-main {
  --cc-font-family: var(--font-sans);
  --cc-modal-border-radius: var(--r-surface);
  --cc-btn-border-radius: var(--r-control);
  --cc-modal-margin: var(--s-4);
  --cc-modal-transition-duration: 190ms;

  --cc-bg: var(--paper);
  --cc-primary-color: var(--ink);
  --cc-secondary-color: var(--ink-2);
  --cc-link-color: var(--accent);
  --cc-separator-border-color: var(--rule);
  --cc-overlay-bg: rgba(27, 29, 36, 0.5);

  /* Akzent nur für den Bestätigen-Button */
  --cc-btn-primary-bg: var(--accent-solid);
  --cc-btn-primary-color: var(--on-accent);
  --cc-btn-primary-border-color: var(--accent-solid);
  --cc-btn-primary-hover-bg: var(--accent-hover);
  --cc-btn-primary-hover-color: var(--on-accent);
  --cc-btn-primary-hover-border-color: var(--accent-hover);

  /* Sekundärflächen zurückhaltend (falls je genutzt) */
  --cc-btn-secondary-bg: var(--surface);
  --cc-btn-secondary-color: var(--ink);
  --cc-btn-secondary-border-color: var(--rule);
  --cc-btn-secondary-hover-bg: var(--surface-2);
  --cc-btn-secondary-hover-color: var(--ink);
  --cc-btn-secondary-hover-border-color: var(--rule);

  --cc-footer-bg: var(--surface);
  --cc-footer-color: var(--ink-2);
  --cc-footer-border-color: var(--rule);

  --cc-toggle-on-bg: var(--accent-solid);
  --cc-toggle-off-bg: var(--surface-2);
  --cc-toggle-readonly-bg: var(--surface-2);

  --cc-webkit-scrollbar-bg: var(--surface);
  --cc-webkit-scrollbar-hover-bg: var(--surface-2);
}

/* Dezente Box: feine Linie statt schwerem Schattenwurf */
#cc-main .cm {
  border: 1px solid var(--rule);
  box-shadow: var(--shadow);
}