/**
 * COVER Theme-Skin: Donna
 * Nur visuelle Sprache – keine Layout-/Geometrie-Regeln.
 */

@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600;700&display=swap");

body.cover-composition.cover-composition--donna,
body.cover-composition[data-theme="donna"] {
  --cover-section-accent: #b3262e;
  --cover-canvas-bg: #eceae6;
  --cover-paper-bg: #fff;
  --cover-ink: #111;
  --cover-muted: #6a6661;
  --cover-rule: #171717;

  background: var(--cover-canvas-bg);
  color: var(--cover-ink);
  font-family: "Inter", system-ui, sans-serif;
}

body.cover-composition.cover-composition--donna .cover-section-label,
body.cover-composition[data-theme="donna"] .cover-section-label {
  color: var(--cover-section-accent);
}

body.cover-composition.cover-composition--donna .cover-front__artist,
body.cover-composition[data-theme="donna"] .cover-front__artist {
  color: #ff1f1f;
  letter-spacing: 0.12em;
  font-weight: 700;
}

body.cover-composition.cover-composition--donna .cover-front__title,
body.cover-composition[data-theme="donna"] .cover-front__title {
  font-family: "Archivo Black", Impact, system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: -0.04em;
  color: #0b0b0b;
}

body.cover-composition.cover-composition--donna .cover-notes__body,
body.cover-composition.cover-composition--donna .cover-press__text,
body.cover-composition.cover-composition--donna .press-fold__teaser,
body.cover-composition.cover-composition--donna .press-fold__body p,
body.cover-composition[data-theme="donna"] .cover-notes__body,
body.cover-composition[data-theme="donna"] .cover-press__text,
body.cover-composition[data-theme="donna"] .press-fold__teaser,
body.cover-composition[data-theme="donna"] .press-fold__body p {
  color: #0b0b0b;
  font-family: "Inter", system-ui, sans-serif;
}

body.cover-composition.cover-composition--donna .cover-press__actions a,
body.cover-composition.cover-composition--donna .press-fold__label,
body.cover-composition.cover-composition--donna .cover-contact__line-value,
body.cover-composition[data-theme="donna"] .cover-press__actions a,
body.cover-composition[data-theme="donna"] .press-fold__label,
body.cover-composition[data-theme="donna"] .cover-contact__line-value {
  color: #0b0b0b;
}

body.cover-composition.cover-composition--donna .stream-service:hover,
body.cover-composition[data-theme="donna"] .stream-service:hover {
  color: var(--cover-section-accent);
}

body.cover-composition.cover-composition--donna .release-footer,
body.cover-composition[data-theme="donna"] .release-footer {
  background: var(--cover-paper-bg);
  color: #0b0b0b;
}

/* ── PLAKAT Theme-Skin: Donna (visuell, keine Geometrie) ── */

body.plakat-composition.plakat-composition--donna,
body.plakat-composition[data-theme="donna"] {
  --plakat-neutral-page: #fff8ff;
  --plakat-neutral-fg: #0b0b0b;
  --plakat-neutral-body: #0b0b0b;
  --plakat-neutral-muted: #4a4a4a;
  --plakat-neutral-line: #000000;
  --plakat-neutral-btn-bg: #ff2ec4;
  --plakat-neutral-btn-fg: #ffffff;
  --plakat-neutral-medium: #f4f0ff;
  --plakat-neutral-medium-dark: #111111;

  background:
    radial-gradient(ellipse 80% 50% at 15% 0%, color-mix(in srgb, #ff2ec4 10%, transparent), transparent 55%),
    radial-gradient(ellipse 70% 45% at 90% 20%, color-mix(in srgb, #b7a4ff 14%, transparent), transparent 50%),
    linear-gradient(180deg, #ffffff 0%, #f7f4ff 55%, #fff8ff 100%);
  color: var(--plakat-neutral-body);
  font-family: "Inter", system-ui, sans-serif;
}

body.plakat-composition.plakat-composition--donna .plakat-monument__artist,
body.plakat-composition[data-theme="donna"] .plakat-monument__artist {
  color: #ff1f1f;
  letter-spacing: 0.2em;
  font-weight: 700;
}

body.plakat-composition.plakat-composition--donna .plakat-monument__title,
body.plakat-composition[data-theme="donna"] .plakat-monument__title {
  font-family: "Archivo Black", Impact, system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  color: #ffffff;
}

@media (max-width: 1023px) {
  body.plakat-composition.plakat-composition--donna .plakat-monument__title,
  body.plakat-composition[data-theme="donna"] .plakat-monument__title {
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: -0.045em;
  }

  body.plakat-composition.plakat-composition--donna .plakat-monument__title--lined .plakat-monument__title-line--mobile,
  body.plakat-composition[data-theme="donna"] .plakat-monument__title--lined .plakat-monument__title-line--mobile {
    white-space: nowrap;
  }
}

@media (max-width: 374px) {
  body.plakat-composition.plakat-composition--donna .plakat-monument__title,
  body.plakat-composition[data-theme="donna"] .plakat-monument__title {
    font-size: 38px;
    letter-spacing: -0.045em;
  }
}

body.plakat-composition.plakat-composition--donna .plakat-monument__date,
body.plakat-composition[data-theme="donna"] .plakat-monument__date {
  color: rgba(255, 255, 255, 0.75);
}

body.plakat-composition.plakat-composition--donna .plakat-monument__cta,
body.plakat-composition[data-theme="donna"] .plakat-monument__cta {
  background: #ff2ec4;
  color: #ffffff;
  border: 2px solid #000000;
  border-radius: 0;
  box-shadow: 5px 5px 0 #000000;
  font-weight: 700;
  font-family: "Inter", system-ui, sans-serif;
  letter-spacing: 0.02em;
}

body.plakat-composition.plakat-composition--donna .plakat-monument__cta:hover,
body.plakat-composition[data-theme="donna"] .plakat-monument__cta:hover {
  background: #ff1f1f;
  box-shadow: 6px 6px 0 #000000;
}

body.plakat-composition.plakat-composition--donna .plakat-monument__streams,
body.plakat-composition[data-theme="donna"] .plakat-monument__streams {
  color: rgba(255, 255, 255, 0.92);
}

body.plakat-composition.plakat-composition--donna .plakat-story__label,
body.plakat-composition.plakat-composition--donna .plakat-media__label,
body.plakat-composition.plakat-composition--donna .plakat-press__label,
body.plakat-composition.plakat-composition--donna .plakat-contact__label,
body.plakat-composition[data-theme="donna"] .plakat-story__label,
body.plakat-composition[data-theme="donna"] .plakat-media__label,
body.plakat-composition[data-theme="donna"] .plakat-press__label,
body.plakat-composition[data-theme="donna"] .plakat-contact__label {
  color: #ff1f1f;
  font-weight: 700;
  letter-spacing: 0.16em;
}

body.plakat-composition.plakat-composition--donna .plakat-story__body,
body.plakat-composition.plakat-composition--donna .plakat-story__quote,
body.plakat-composition.plakat-composition--donna .plakat-press__text,
body.plakat-composition.plakat-composition--donna .press-fold__teaser,
body.plakat-composition.plakat-composition--donna .press-fold__body p,
body.plakat-composition[data-theme="donna"] .plakat-story__body,
body.plakat-composition[data-theme="donna"] .plakat-story__quote,
body.plakat-composition[data-theme="donna"] .plakat-press__text,
body.plakat-composition[data-theme="donna"] .press-fold__teaser,
body.plakat-composition[data-theme="donna"] .press-fold__body p {
  color: #0b0b0b;
  font-family: "Inter", system-ui, sans-serif;
}

body.plakat-composition.plakat-composition--donna .plakat-media__video,
body.plakat-composition[data-theme="donna"] .plakat-media__video {
  border: 2px solid #000000;
}

body.plakat-composition.plakat-composition--donna .plakat-media__photo img,
body.plakat-composition[data-theme="donna"] .plakat-media__photo img {
  border: 2px solid #000000;
  box-shadow: 6px 6px 0 #000000;
}

body.plakat-composition.plakat-composition--donna .plakat-contact__line a,
body.plakat-composition.plakat-composition--donna .plakat-press__kit a,
body.plakat-composition.plakat-composition--donna .press-fold__label,
body.plakat-composition[data-theme="donna"] .plakat-contact__line a,
body.plakat-composition[data-theme="donna"] .plakat-press__kit a,
body.plakat-composition[data-theme="donna"] .press-fold__label {
  color: #0b0b0b;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

body.cover-composition.cover-composition--donna .cover-listen__streams-col .stream-icon,
body.cover-composition[data-theme="donna"] .cover-listen__streams-col .stream-icon,
body.plakat-composition.plakat-composition--donna .plakat-monument__streams .stream-icon,
body.plakat-composition[data-theme="donna"] .plakat-monument__streams .stream-icon {
  background: #ffffff;
  border: 1px solid #000000;
  color: #0b0b0b;
}

body.cover-composition.cover-composition--donna .cover-listen__streams-col .stream-icon:hover,
body.cover-composition.cover-composition--donna .cover-listen__streams-col .stream-icon:focus-visible,
body.cover-composition[data-theme="donna"] .cover-listen__streams-col .stream-icon:hover,
body.cover-composition[data-theme="donna"] .cover-listen__streams-col .stream-icon:focus-visible,
body.plakat-composition.plakat-composition--donna .plakat-monument__streams .stream-icon:hover,
body.plakat-composition.plakat-composition--donna .plakat-monument__streams .stream-icon:focus-visible,
body.plakat-composition[data-theme="donna"] .plakat-monument__streams .stream-icon:hover,
body.plakat-composition[data-theme="donna"] .plakat-monument__streams .stream-icon:focus-visible {
  background: #f4f0ff;
  border-color: #000000;
}

body.cover-composition.cover-composition--donna .cover-listen__streams-col .stream-icon:focus-visible,
body.cover-composition[data-theme="donna"] .cover-listen__streams-col .stream-icon:focus-visible,
body.plakat-composition.plakat-composition--donna .plakat-monument__streams .stream-icon:focus-visible,
body.plakat-composition[data-theme="donna"] .plakat-monument__streams .stream-icon:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

body.cover-composition.cover-composition--donna .public-shell-chrome,
body.cover-composition[data-theme="donna"] .public-shell-chrome,
body.plakat-composition.plakat-composition--donna .public-shell-chrome,
body.plakat-composition[data-theme="donna"] .public-shell-chrome {
  background: #f4f0ff;
  border-top-color: color-mix(in srgb, #000000 18%, transparent);
  color: #0b0b0b;
}

body.cover-composition.cover-composition--donna .public-shell-chrome .demo-theme-picker__title,
body.cover-composition[data-theme="donna"] .public-shell-chrome .demo-theme-picker__title,
body.cover-composition.cover-composition--donna .public-shell-chrome .demo-aufbau-picker__title,
body.cover-composition[data-theme="donna"] .public-shell-chrome .demo-aufbau-picker__title,
body.plakat-composition.plakat-composition--donna .public-shell-chrome .demo-theme-picker__title,
body.plakat-composition[data-theme="donna"] .public-shell-chrome .demo-theme-picker__title,
body.plakat-composition.plakat-composition--donna .public-shell-chrome .demo-aufbau-picker__title,
body.plakat-composition[data-theme="donna"] .public-shell-chrome .demo-aufbau-picker__title {
  color: #ff1f1f;
}

body.cover-composition.cover-composition--donna .public-shell-chrome .demo-theme-card,
body.cover-composition[data-theme="donna"] .public-shell-chrome .demo-theme-card,
body.cover-composition.cover-composition--donna .public-shell-chrome .demo-aufbau-card,
body.cover-composition[data-theme="donna"] .public-shell-chrome .demo-aufbau-card,
body.plakat-composition.plakat-composition--donna .public-shell-chrome .demo-theme-card,
body.plakat-composition[data-theme="donna"] .public-shell-chrome .demo-theme-card,
body.plakat-composition.plakat-composition--donna .public-shell-chrome .demo-aufbau-card,
body.plakat-composition[data-theme="donna"] .public-shell-chrome .demo-aufbau-card {
  background: #ffffff;
  border-color: color-mix(in srgb, #000000 22%, transparent);
  color: #0b0b0b;
}

body.cover-composition.cover-composition--donna .public-shell-chrome .demo-theme-card.is-active,
body.cover-composition[data-theme="donna"] .public-shell-chrome .demo-theme-card.is-active,
body.cover-composition.cover-composition--donna .public-shell-chrome .demo-aufbau-card.is-active,
body.cover-composition[data-theme="donna"] .public-shell-chrome .demo-aufbau-card.is-active,
body.plakat-composition.plakat-composition--donna .public-shell-chrome .demo-theme-card.is-active,
body.plakat-composition[data-theme="donna"] .public-shell-chrome .demo-theme-card.is-active,
body.plakat-composition.plakat-composition--donna .public-shell-chrome .demo-aufbau-card.is-active,
body.plakat-composition[data-theme="donna"] .public-shell-chrome .demo-aufbau-card.is-active {
  border-color: #000000;
  background: #ffffff;
}

body.cover-composition.cover-composition--donna .public-shell-chrome + .release-footer,
body.cover-composition[data-theme="donna"] .public-shell-chrome + .release-footer,
body.plakat-composition.plakat-composition--donna .public-shell-chrome + .release-footer,
body.plakat-composition[data-theme="donna"] .public-shell-chrome + .release-footer {
  background: #f4f0ff;
  border-top-color: color-mix(in srgb, #000000 14%, transparent);
  color: #0b0b0b;
}

body.cover-composition.cover-composition--donna .release-footer__legal a,
body.cover-composition[data-theme="donna"] .release-footer__legal a,
body.plakat-composition.plakat-composition--donna .release-footer__legal a,
body.plakat-composition[data-theme="donna"] .release-footer__legal a {
  color: color-mix(in srgb, #0b0b0b 72%, transparent);
}

body.cover-composition.cover-composition--donna .release-footer__legal a:hover,
body.cover-composition[data-theme="donna"] .release-footer__legal a:hover,
body.plakat-composition.plakat-composition--donna .release-footer__legal a:hover,
body.plakat-composition[data-theme="donna"] .release-footer__legal a:hover {
  color: #0b0b0b;
}