/* agentjenfay.com - the white version (Sep 30 2026).
   Loaded after each page's own styles. White and warm off-white do the
   heavy lifting; navy is kept for text, the footer and a few anchoring
   blocks; gold stays the accent. Gold text on white is a touch deeper
   (--gold-ink) so it stays readable - the bright brand gold is kept for
   fills, lines and buttons. Remove this file's <link> to go back. */
:root { --gold-ink: #a6852f; --line: #e9e3d6; }

/* nav */
nav { background: rgba(255,255,255,.97) !important; border-bottom: 1px solid var(--line) !important; box-shadow: 0 1px 0 rgba(26,35,50,.03); }
.nav-logo-name { color: rgba(26,35,50,.55) !important; }
.nav-logo-sub { color: var(--navy) !important; }
.nav-links a { color: var(--navy) !important; }
.nav-links a:hover { color: var(--gold-ink) !important; }
.nav-cta { color: var(--navy) !important; }
.hamburger span { background: var(--navy) !important; }
.mobile-menu { background: rgba(255,255,255,.98) !important; border-bottom: 1px solid var(--line) !important; }
.mobile-menu a { color: var(--navy) !important; border-bottom-color: var(--line) !important; }

/* gold words and labels on white */
.section-label, .hero-eyebrow, .neighborhood-type { color: var(--gold-ink) !important; }
.hero-eyebrow::before { background: var(--gold) !important; }
.section-title em, .hero h1 em, .page-hero h1 em { color: var(--gold-ink) !important; }

/* buttons: outline reads navy on white */
.btn-outline { color: var(--navy) !important; border-color: var(--gold) !important; }
.btn-outline:hover { color: var(--navy) !important; }

/* home hero */
.hero { background: var(--white) !important; }
.hero::before { background: radial-gradient(ellipse at 75% 35%, rgba(201,168,76,.10) 0%, transparent 55%) !important; }
.hero h1 { color: var(--navy) !important; }
.hero-sub { color: var(--text-light) !important; }
.hero-highlight-item { background: var(--off-white) !important; color: var(--navy) !important; border-color: var(--line) !important; }
.hero-stats { background: var(--line) !important; border-color: var(--line) !important; }
.hero-stat { background: var(--white) !important; }
.hero-stat-label { color: var(--text-light) !important; }
.hero-img-frame { border-color: var(--line) !important; background: var(--off-white) !important; box-shadow: 0 24px 60px rgba(26,35,50,.12); }

/* interior page heroes */
.page-hero { background: var(--off-white) !important; border-bottom: 1px solid var(--line); }
.page-hero::before { opacity: .5; }
.page-hero h1, .page-hero .section-title { color: var(--navy) !important; }
.page-hero p, .page-hero .section-subtitle, .page-hero-sub { color: var(--text-light) !important; }
.breadcrumb, .breadcrumb a { color: var(--text-light) !important; }

/* market numbers */
.stats-section { background: var(--white) !important; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.stats-section .section-title { color: var(--navy) !important; }
.stats-section .section-subtitle { color: var(--text-light) !important; }
.stat-card { background: var(--off-white) !important; border-color: var(--line) !important; }
.stat-num { color: var(--navy) !important; }
.stat-label { color: var(--gold-ink) !important; }
.stat-note { color: var(--text-light) !important; }

/* closing call to action (class or inline navy) */
.cta-section, section[style*="background:var(--navy)"] { background: var(--off-white) !important; border-top: 1px solid var(--line); }
.cta-section .section-title, section[style*="background:var(--navy)"] h2 { color: var(--navy) !important; }
section[style*="background:var(--navy)"] p, .cta-section p { color: var(--text-light) !important; }
section[style*="background:var(--navy)"] a[href^="tel"], section[style*="background:var(--navy)"] a[href^="mailto"],
section[style*="background:var(--navy)"] a[href*="instagram"] { color: var(--navy) !important; }

/* neighborhoods and the intro block keep navy as the one dark anchor on the page */

/* her photo: arched at the top (Sep 30) */
.hero-img-frame { border-radius: 999px 999px 0 0 !important; overflow: hidden !important; }
.hero-img-frame img { border-radius: 999px 999px 0 0; }