/* Cookie-Consent Theme — Greyt × Telekom (Magenta auf Dunkel).
   Überschreibt die vanilla-cookieconsent v3 Defaults passend zum Seitendesign.
   Nur echte v3-Variablen werden gesetzt. */

#cc-main {
  --cc-font-family: var(--font-family, system-ui, sans-serif);

  --cc-bg: #18181a;
  --cc-primary-color: #fdfdfd;                 /* Überschriften / Haupttext */
  --cc-secondary-color: rgba(253, 253, 253, 0.74); /* Fließtext */

  /* Primär-Button: Magenta (Alle akzeptieren) */
  --cc-btn-primary-bg: #e20074;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #e20074;
  --cc-btn-primary-hover-bg: #b8005d;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #b8005d;

  /* Sekundär-Button: outline (Nur notwendige) */
  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: #fdfdfd;
  --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.28);
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.08);
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, 0.45);

  /* Toggles */
  --cc-toggle-on-bg: #e20074;
  --cc-toggle-off-bg: rgba(255, 255, 255, 0.24);
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-readonly-bg: rgba(255, 255, 255, 0.14);
  --cc-toggle-readonly-knob-bg: #ffffff;
  --cc-toggle-enabled-icon-color: #18181a;
  --cc-toggle-disabled-icon-color: #18181a;

  /* Kategorie-Blöcke im Einstellungsdialog */
  --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.05);
  --cc-cookie-category-block-border: rgba(255, 255, 255, 0.10);
  --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.08);
  --cc-cookie-category-block-hover-border: rgba(255, 255, 255, 0.16);
  --cc-cookie-category-expanded-block-bg: rgba(255, 255, 255, 0.03);
  --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, 0.06);

  --cc-separator-border-color: rgba(255, 255, 255, 0.10);
  --cc-section-category-border: rgba(255, 255, 255, 0.10);
  --cc-overlay-bg: rgba(0, 0, 0, 0.6);
  --cc-link-color: #ff5fb0;                    /* helleres Magenta für Kontrast auf Dunkel */

  --cc-footer-bg: #131315;
  --cc-footer-color: rgba(253, 253, 253, 0.6);
  --cc-footer-border-color: rgba(255, 255, 255, 0.10);

  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 999px;

  --cc-webkit-scrollbar-bg: rgba(255, 255, 255, 0.18);
  --cc-webkit-scrollbar-hover-bg: rgba(255, 255, 255, 0.3);
}

/* Buttons etwas kräftiger, passend zu den Seiten-CTAs */
#cc-main .cm__btn,
#cc-main .pm__btn { font-weight: 600; }

#cc-main .cc-link { text-underline-offset: 2px; }
#cc-main .cc-link:hover { color: #ff8fc9; }