/* Blobs background used on index and sponsorship pages */
.blob-container {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -1;
    overflow: hidden;
    background-color: #fcfdff;
    pointer-events: none;
}
.dark .blob-container { background-color: #0b0d17; }

.blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.3;
}

.blob-1 { width: 500px; height: 500px; background: #edc531; top: -10%; left: -5%; }
.blob-2 { width: 600px; height: 600px; background: #f4df7a; top: 15%; right: -10%; }
.blob-3 { width: 400px; height: 400px; background: #c79f1a; bottom: -5%; left: 10%; opacity: 0.2; }

/* optional subtle animation */
@keyframes blobFloat {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-10px) scale(1.02); }
  100% { transform: translateY(0) scale(1); }
}
.blob { animation: blobFloat 10s ease-in-out infinite; }

/* Important zwingt die Verwendung dieser Farbe, auch wenn andere Stile versuchen, sie zu überschreiben. */
.text-brand-diamond { 
    color: #b9f2ff !important;
}

.text-brand-gold {
    color: #ffd700 !important;
}

.text-brand-silver {
    color: #c0c0c0 !important;
}

.text-brand-bronze {
    color: #cd7f32 !important;
}