/* ═══ COOKIECONSENT THEME — RL/Häuserbauer CI (lila + hell/dunkel) ═══
   Bindet an die Site-Variablen (:root / [data-theme="light"]) an,
   damit das Banner automatisch zum aktiven Theme passt. */
#cc-main{
  --cc-font-family: 'Instrument Sans', system-ui, sans-serif;
  --cc-bg: var(--card-dark, #1a1a1a);
  --cc-primary-color: var(--text, #ffffff);
  --cc-secondary-color: var(--text-secondary, #999999);

  --cc-btn-primary-bg: var(--purple, #7C3AED);
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: var(--purple, #7C3AED);
  --cc-btn-primary-hover-bg: var(--purple-light, #8B5CF6);
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: var(--purple-light, #8B5CF6);

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--text, #ffffff);
  --cc-btn-secondary-border-color: var(--text-secondary, #999999);
  --cc-btn-secondary-hover-bg: rgba(124,58,237,0.12);
  --cc-btn-secondary-hover-color: var(--text, #ffffff);
  --cc-btn-secondary-hover-border-color: var(--purple, #7C3AED);

  --cc-separator-border-color: var(--card-border, rgba(255,255,255,0.08));
  --cc-cookie-category-block-bg: var(--bg-800, #141414);
  --cc-cookie-category-block-border: var(--card-border, rgba(255,255,255,0.08));
  --cc-cookie-category-block-hover-bg: var(--bg-800, #141414);
  --cc-cookie-category-expanded-block-bg: var(--bg, #0e0e0e);

  --cc-toggle-on-bg: var(--purple, #7C3AED);
  --cc-toggle-off-bg: #6b6b6b;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #ffffff;
  --cc-toggle-readonly-bg: #3a3a3a;
  --cc-toggle-readonly-knob-bg: #b0b0b0;
  --cc-toggle-readonly-knob-icon-color: var(--bg, #0e0e0e);

  --cc-link-color: var(--purple-light, #8B5CF6);
  --cc-modal-border-radius: 20px;
  --cc-btn-border-radius: 999px;
  --cc-modal-transition-duration: .35s;
  --cc-overlay-bg: rgba(0,0,0,0.6);
}

/* Buttons im Marken-Look: Pill + halbfett */
#cc-main .cm__btn,
#cc-main .pm__btn{ font-weight: 600; letter-spacing: -0.01em; }

/* Titel in Marken-Akzent */
#cc-main .cm__title,
#cc-main .pm__title{ font-weight: 700; letter-spacing: -0.02em; }

/* dezenter Schatten passend zur Site */
#cc-main .cm,
#cc-main .pm{ box-shadow: 0 24px 60px -20px rgba(0,0,0,0.55); border:1px solid var(--card-border, rgba(255,255,255,0.08)); }