/* ============================================================
   VERSIVION · Veredelungsschicht für CINEMA
   Additive Verfeinerungen über dem bestehenden Designsystem.
   Bewusst schlank: Typografie-Feinschliff, ruhiger Auftritt
   beim Laden, dezente Akzente. Respektiert reduced-motion.
   ============================================================ */

html {
  background: #050306;
}

/* Ausgewogene Zeilenumbrüche für Überschriften, ruhigere Absätze */
h1,
h2,
h3 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

/* Deutsche Silbentrennung auf schmalen Viewports */
@media (max-width: 768px) {
  p,
  li {
    hyphens: auto;
  }
}

/* Sanfter Auftritt der Anwendung nach dem Laden */
@keyframes versivion-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: no-preference) {
  #root {
    animation: versivion-enter 0.55s ease-out both;
  }
}

/* Die VERSIVION-Kennzeichnung im Footer dezent in Gold hervorheben */
footer strong {
  color: var(--c-gold, #e7b552);
}