/* ─── Base & Typography ─── */
body {
    font-family: 'Outfit', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-serif {
    font-family: 'Cormorant Garamond', Georgia, serif;
}

/* ─── Scroll Reveal ─── */
.reveal {
    opacity: 1;
    transform: none;
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.reveal[data-state="hidden"] {
    opacity: 0;
    transform: translateY(32px);
}

@media (prefers-reduced-motion: no-preference) {
    .reveal {
        opacity: 0;
        transform: translateY(32px);
    }
    .reveal.visible {
        opacity: 1;
        transform: none;
    }
}

/* ─── Custom Scrollbar ─── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #050914; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #334155; }

/* ─── Gold Gradient Text Utility ─── */
.text-gold-gradient {
    background: linear-gradient(135deg, #d4a853, #c9a227, #b8860b);
    -webkit-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ─── Input Autofill ─── */
input:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #0a0f1e inset !important;
    -webkit-text-fill-color: #f1f5f9 !important;
}
</style>