/* ============================================================
   shared.css — Patina & Prospect global styles
   Loaded on every page. Defines brand tokens, serif typography,
   and scroll-reveal utility classes.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap');

:root {
    --primary:    #1a1a1a;
    --accent:     #d4a574;
    --accent-dark:#b8895a;
    --light:      #f8f8f8;
    --text:       #333;
    --text-light: #666;
    --font-serif: 'Cormorant Garamond', Georgia, serif;
}

::selection { background: rgba(212, 165, 116, 0.22); }

/* Premium serif headings */
h1, h2, h3,
.property-title,
.property-card-title,
.section-intro h2,
.about-text h2,
.invest-text h2,
.contact h2,
.description-section h2,
.amenities-section h2,
.neighborhood-section h2,
.map-section h2,
.inquiry-section h2 {
    font-family: var(--font-serif);
    letter-spacing: 0.04em;
}

/* Scroll reveal — add class="reveal" to any element */
.reveal {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 0.72s ease, transform 0.72s ease;
}
.reveal.visible {
    opacity: 1;
    transform: none;
}
.reveal-delay-1 { transition-delay: 0.12s; }
.reveal-delay-2 { transition-delay: 0.24s; }
.reveal-delay-3 { transition-delay: 0.36s; }