:root{
    --coral:#FF5E6C;
    --navy:#1A1C2E;
}
html { scroll-behavior: smooth; }
.bg-coral { background-color: var(--coral); }
.text-coral { color: var(--coral); }
.bg-navy { background-color: var(--navy); }
.text-navy { color: var(--navy); }

/* “Aurora” background */
.aurora {
    position: fixed;
    inset: -20%;
    z-index: -1;
    background:
            radial-gradient(60% 60% at 20% 20%, rgba(255, 94, 108, 0.25), transparent 60%),
            radial-gradient(50% 50% at 80% 30%, rgba(64, 90, 255, 0.18), transparent 60%),
            radial-gradient(60% 60% at 50% 80%, rgba(26, 28, 46, 0.20), transparent 60%);
    filter: blur(18px);
}

/* Subtle grain for “design” feel */
.grain {
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: .08;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
    pointer-events: none;
}

.glass {
    background: rgba(255,255,255,0.72);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}