/**
 * COVER Theme-Skin: Lemmy
 * Nur visuelle Sprache – keine Layout-/Geometrie-Regeln.
 * Kein Plakat-/Monument-Layout.
 */

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

body.cover-composition.cover-composition--lemmy,
body.cover-composition[data-theme="lemmy"] {
  --cover-section-accent: #8f1d18;
  --cover-canvas-bg: #0b0b0b;
  --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--lemmy .cover-section-label,
body.cover-composition[data-theme="lemmy"] .cover-section-label {
  color: var(--cover-section-accent);
  font-family: "Oswald", system-ui, sans-serif;
  letter-spacing: 0.14em;
}

body.cover-composition.cover-composition--lemmy .cover-front__artist,
body.cover-composition[data-theme="lemmy"] .cover-front__artist {
  color: #6a6661;
  letter-spacing: 0.14em;
  font-weight: 600;
  font-family: "Oswald", system-ui, sans-serif;
}

body.cover-composition.cover-composition--lemmy .cover-front__title,
body.cover-composition[data-theme="lemmy"] .cover-front__title {
  font-family: "Oswald", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  color: #111;
}

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

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

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

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

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

body.plakat-composition.plakat-composition--lemmy,
body.plakat-composition[data-theme="lemmy"] {
  --plakat-neutral-page: #0b0b0b;
  --plakat-neutral-fg: #f1eee7;
  --plakat-neutral-body: #f1eee7;
  --plakat-neutral-muted: #a7a39a;
  --plakat-neutral-line: color-mix(in srgb, #8c8c84 65%, transparent);
  --plakat-neutral-btn-bg: #8f1d18;
  --plakat-neutral-btn-fg: #f1eee7;
  --plakat-neutral-medium: #171717;
  --plakat-neutral-medium-dark: #000000;

  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, color-mix(in srgb, #8f1d18 18%, transparent), transparent 60%),
    linear-gradient(180deg, #141414 0%, #0b0b0b 45%, #080808 100%);
  color: var(--plakat-neutral-body);
  font-family: "Inter", system-ui, sans-serif;
}

body.plakat-composition.plakat-composition--lemmy .plakat-monument__artist,
body.plakat-composition[data-theme="lemmy"] .plakat-monument__artist {
  color: #a7a39a;
  letter-spacing: 0.22em;
  font-weight: 600;
  font-family: "Oswald", "Inter Tight", system-ui, sans-serif;
}

body.plakat-composition.plakat-composition--lemmy .plakat-monument__title,
body.plakat-composition[data-theme="lemmy"] .plakat-monument__title {
  font-family: "Oswald", "Inter Tight", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  color: #f1eee7;
}

body.plakat-composition.plakat-composition--lemmy .plakat-monument__date,
body.plakat-composition[data-theme="lemmy"] .plakat-monument__date {
  color: #a7a39a;
}

body.plakat-composition.plakat-composition--lemmy .plakat-monument__cta,
body.plakat-composition[data-theme="lemmy"] .plakat-monument__cta {
  background: #8f1d18;
  color: #f1eee7;
  border: 1px solid #8f1d18;
  border-radius: 0;
  box-shadow: none;
  font-weight: 700;
  font-family: "Oswald", system-ui, sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.plakat-composition.plakat-composition--lemmy .plakat-monument__cta:hover,
body.plakat-composition[data-theme="lemmy"] .plakat-monument__cta:hover {
  background: #0b0b0b;
  border-color: #8f1d18;
  color: #f1eee7;
}

body.plakat-composition.plakat-composition--lemmy .plakat-monument__streams,
body.plakat-composition[data-theme="lemmy"] .plakat-monument__streams {
  color: #f1eee7;
}

body.plakat-composition.plakat-composition--lemmy .plakat-story__label,
body.plakat-composition.plakat-composition--lemmy .plakat-media__label,
body.plakat-composition.plakat-composition--lemmy .plakat-press__label,
body.plakat-composition.plakat-composition--lemmy .plakat-contact__label,
body.plakat-composition[data-theme="lemmy"] .plakat-story__label,
body.plakat-composition[data-theme="lemmy"] .plakat-media__label,
body.plakat-composition[data-theme="lemmy"] .plakat-press__label,
body.plakat-composition[data-theme="lemmy"] .plakat-contact__label {
  color: #8c8c84;
  font-weight: 600;
  letter-spacing: 0.2em;
  font-family: "Oswald", system-ui, sans-serif;
}

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

body.plakat-composition.plakat-composition--lemmy .plakat-media__video,
body.plakat-composition[data-theme="lemmy"] .plakat-media__video {
  border: 1px solid color-mix(in srgb, #8c8c84 60%, transparent);
  background: #000;
}

body.plakat-composition.plakat-composition--lemmy .plakat-media__photo img,
body.plakat-composition[data-theme="lemmy"] .plakat-media__photo img {
  filter: contrast(1.08) saturate(0.8);
  border-radius: 0;
}

body.plakat-composition.plakat-composition--lemmy .plakat-contact__line a,
body.plakat-composition.plakat-composition--lemmy .plakat-press__kit a,
body.plakat-composition.plakat-composition--lemmy .press-fold__label,
body.plakat-composition[data-theme="lemmy"] .plakat-contact__line a,
body.plakat-composition[data-theme="lemmy"] .plakat-press__kit a,
body.plakat-composition[data-theme="lemmy"] .press-fold__label {
  color: #f1eee7;
  font-weight: 600;
  text-decoration-color: color-mix(in srgb, #8c8c84 75%, transparent);
}

body.cover-composition.cover-composition--lemmy .cover-listen__streams-col .stream-icon,
body.cover-composition[data-theme="lemmy"] .cover-listen__streams-col .stream-icon,
body.plakat-composition.plakat-composition--lemmy .plakat-monument__streams .stream-icon,
body.plakat-composition[data-theme="lemmy"] .plakat-monument__streams .stream-icon {
  background: #171717;
  border: 1px solid color-mix(in srgb, #f1eee7 42%, transparent);
  color: #f1eee7;
}

body.cover-composition.cover-composition--lemmy .cover-listen__streams-col .stream-icon:hover,
body.cover-composition.cover-composition--lemmy .cover-listen__streams-col .stream-icon:focus-visible,
body.cover-composition[data-theme="lemmy"] .cover-listen__streams-col .stream-icon:hover,
body.cover-composition[data-theme="lemmy"] .cover-listen__streams-col .stream-icon:focus-visible,
body.plakat-composition.plakat-composition--lemmy .plakat-monument__streams .stream-icon:hover,
body.plakat-composition.plakat-composition--lemmy .plakat-monument__streams .stream-icon:focus-visible,
body.plakat-composition[data-theme="lemmy"] .plakat-monument__streams .stream-icon:hover,
body.plakat-composition[data-theme="lemmy"] .plakat-monument__streams .stream-icon:focus-visible {
  background: #0b0b0b;
  border-color: color-mix(in srgb, #f1eee7 62%, transparent);
}

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

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

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

body.cover-composition.cover-composition--lemmy .public-shell-chrome .demo-theme-card,
body.cover-composition[data-theme="lemmy"] .public-shell-chrome .demo-theme-card,
body.cover-composition.cover-composition--lemmy .public-shell-chrome .demo-aufbau-card,
body.cover-composition[data-theme="lemmy"] .public-shell-chrome .demo-aufbau-card,
body.plakat-composition.plakat-composition--lemmy .public-shell-chrome .demo-theme-card,
body.plakat-composition[data-theme="lemmy"] .public-shell-chrome .demo-theme-card,
body.plakat-composition.plakat-composition--lemmy .public-shell-chrome .demo-aufbau-card,
body.plakat-composition[data-theme="lemmy"] .public-shell-chrome .demo-aufbau-card {
  background: #171717;
  border-color: color-mix(in srgb, #f1eee7 28%, transparent);
  color: #f1eee7;
}

body.cover-composition.cover-composition--lemmy .public-shell-chrome .demo-theme-card.is-active,
body.cover-composition[data-theme="lemmy"] .public-shell-chrome .demo-theme-card.is-active,
body.cover-composition.cover-composition--lemmy .public-shell-chrome .demo-aufbau-card.is-active,
body.cover-composition[data-theme="lemmy"] .public-shell-chrome .demo-aufbau-card.is-active,
body.plakat-composition.plakat-composition--lemmy .public-shell-chrome .demo-theme-card.is-active,
body.plakat-composition[data-theme="lemmy"] .public-shell-chrome .demo-theme-card.is-active,
body.plakat-composition.plakat-composition--lemmy .public-shell-chrome .demo-aufbau-card.is-active,
body.plakat-composition[data-theme="lemmy"] .public-shell-chrome .demo-aufbau-card.is-active {
  border-color: color-mix(in srgb, #f1eee7 62%, transparent);
  background: #171717;
}

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

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

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