/* Pixxwell Consent-Kit – Theme, an Mittendrin angepasst (hell + dunkel via [data-theme]). */
#cc-main {
  --cc-font-family: "Space Grotesk", system-ui, sans-serif;
  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 999px;

  --cc-bg: #f2f2ed;
  --cc-primary-color: #080807;
  --cc-secondary-color: #524d47;
  --cc-link-color: #080807;
  --cc-separator-border-color: rgba(8,8,7,.12);
  --cc-footer-bg: #e8e8e3;
  --cc-footer-color: #524d47;
  --cc-footer-border-color: rgba(8,8,7,.1);
  --cc-cookie-category-block-bg: #e8e8e3;
  --cc-cookie-category-block-border: rgba(8,8,7,.08);
  --cc-cookie-category-block-hover-bg: #e1e1db;
  --cc-cookie-category-block-hover-border: rgba(8,8,7,.12);
  --cc-overlay-bg: rgba(8,8,7,.45);

  /* "Verstanden" */
  --cc-btn-primary-bg: #080807;
  --cc-btn-primary-color: #e8e8e3;
  --cc-btn-primary-border-color: #080807;
  --cc-btn-primary-hover-bg: #2a2925;
  --cc-btn-primary-hover-border-color: #2a2925;

  /* "Details" */
  --cc-btn-secondary-bg: #e0e0d9;
  --cc-btn-secondary-color: #080807;
  --cc-btn-secondary-border-color: #e0e0d9;
  --cc-btn-secondary-hover-bg: #d4d4cc;
  --cc-btn-secondary-hover-border-color: #d4d4cc;

  --cc-toggle-on-bg: #080807;
  --cc-toggle-readonly-bg: #c9c9c1;
}
[data-theme="dark"] #cc-main {
  --cc-bg: #1a1917;
  --cc-primary-color: #e8e8e3;
  --cc-secondary-color: #b5b0a8;
  --cc-link-color: #e8e8e3;
  --cc-separator-border-color: rgba(255,255,255,.12);
  --cc-footer-bg: #141311;
  --cc-footer-color: #b5b0a8;
  --cc-footer-border-color: rgba(255,255,255,.08);
  --cc-cookie-category-block-bg: #23221f;
  --cc-cookie-category-block-border: rgba(255,255,255,.06);
  --cc-cookie-category-block-hover-bg: #2b2a26;
  --cc-cookie-category-block-hover-border: rgba(255,255,255,.1);
  --cc-overlay-bg: rgba(0,0,0,.6);

  --cc-btn-primary-bg: #e8e8e3;
  --cc-btn-primary-color: #080807;
  --cc-btn-primary-border-color: #e8e8e3;
  --cc-btn-primary-hover-bg: #ffffff;
  --cc-btn-primary-hover-border-color: #ffffff;

  --cc-btn-secondary-bg: #2b2a26;
  --cc-btn-secondary-color: #e8e8e3;
  --cc-btn-secondary-border-color: #2b2a26;
  --cc-btn-secondary-hover-bg: #36352f;
  --cc-btn-secondary-hover-border-color: #36352f;

  --cc-toggle-on-bg: #e8e8e3;
  --cc-toggle-readonly-bg: #4a4842;
}
/* Akzentfarbe für Links und das "Nur lokal"-Badge */
#cc-main a { text-decoration-color: #FF7F11; text-underline-offset: 3px; }
#cc-main .pm__badge { background: #FF7F11; color: #080807; }
/* Abschnitte im Detail-Fenster: Karten statt Pillen (sonst erben sie den Button-Radius) */
#cc-main .pm__section, #cc-main .pm__section--toggle { border-radius: 12px; }
