/* ── Base ── */
html { scroll-behavior: smooth; }
body { font-family: 'Lato', sans-serif; }
h1, h2, h3 { font-family: 'Cormorant Garamond', serif; }

/* ── Reveal on scroll (progressive enhancement) ── */
@media (prefers-reduced-motion: no-preference) {
    .reveal {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity 0.7s ease, transform 0.7s ease;
    }
    .reveal.visible {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Navbar scroll state ── */
#navbar.scrolled {
    box-shadow: 0 1px 12px rgba(107, 29, 58, 0.08);
}

/* ── Selection color ── */
::selection {
    background: #6B1D3A;
    color: #FDF2F4;
}
</style>