/* Content-Studio Grundstil (CS-003). Farben und Schrift kommen als CSS-Variablen je Workspace. */
body { font-family: var(--schrift); }
.tada-uebergang, .tada-uebergang * {
  transition: background-color 1.1s ease, color 1.1s ease, border-color 1.1s ease, fill 1.1s ease;
}
#konfetti { position: fixed; inset: 0; pointer-events: none; z-index: 60; }
#tada-toast {
  position: fixed; left: 50%; top: 24px; transform: translate(-50%, -140%); z-index: 70;
  background: var(--primaer); color: var(--auf-primaer); padding: 14px 22px; border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.25); font-weight: 600; transition: transform .6s cubic-bezier(.2,1.4,.4,1);
}
#tada-toast.sichtbar { transform: translate(-50%, 0); }
button.laedt { opacity: .7; cursor: wait; }
.kringel {
  display: inline-block; width: 1em; height: 1em; margin-right: .45em; vertical-align: -.15em;
  border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%;
  animation: drehen .8s linear infinite;
}
@keyframes drehen { to { transform: rotate(360deg); } }
@keyframes auftauchen { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.auftauchen { animation: auftauchen .45s ease both; }
@media (prefers-reduced-motion: reduce) {
  .tada-uebergang, .tada-uebergang *, .auftauchen { transition: none; animation: none; }
}
/* Bestandsseiten nutzen "bg-brand text-gold": bei Kundenfarben immer die lesbare Schriftfarbe */
.bg-brand.text-gold, .bg-brand.text-white { color: var(--auf-primaer) !important; }
.bg-gold.text-brand { color: var(--auf-akzent) !important; }