/* /themes/tenants/elite.css — ELITE-HOMEPAGE — Elite Properties' block-homepage token sheet (A SUGGESTION; Elena approves).
   Load order (tenant layout): tokens.luxury.css → the two brand knobs → THIS sheet → the CMS customCss (CMS always wins).

   ⚑ SCOPE: the tenant layout loads this file on EVERY Elite page, and the brief keeps every other Elite page + its theming
   exactly as it is. So EVERYTHING here — the pin tokens included — hangs off `.block-homepage`. Nothing at :root, nothing
   global: the search, the area pages, the agent pages and their sold maps are byte-untouched.

   Direction: luxury navy + GOLD. Elite KEEPS the template's gold accent (FMC stripped it; Elite leans into it).
   Palette (brief; swap freely): navy / ink #14213D · gold #C0A062 · headings #14213D · body #55586B (soft slate, not black)
   · muted #9A9AA6 · paper #F7F5F1 (warm off-white).
*/
.block-homepage {
  --el-navy: #14213D;
  --el-navy-deep: #0B1428;
  --el-gold: #C0A062;
  --el-gold-soft: #DCC89A;
  --el-slate: #55586B;
  --el-muted: #9A9AA6;
  --el-paper: #F7F5F1;

  /* the Sold-Dominance Map's EP monogram — the luxury "sold sign": navy type on the gold pin, a gold halo behind the
     letters so the navy stays crisp to the pin's edge, a navy hairline so the gold lifts off pale land and water */
  --im-pin-fill: var(--el-gold);
  --im-pin-mark: var(--el-navy);
  --im-pin-halo: rgba(192, 160, 98, 0.92);
  --im-pin-outline: rgba(20, 33, 61, 0.85);
  --im-pin-cluster-fg: var(--el-navy);

  /* warm paper under the alternating light sections */
  --im-color-bg-alt: var(--el-paper);
}

/* Headings navy, body copy soft slate, on the light sections (dark bands keep their own type). */
.block-homepage .section-header h2,
.block-homepage .dominance-head h2,
.block-homepage .about-text h2 { color: var(--el-navy); }
.block-homepage .section-description,
.block-homepage .about-text p,
.block-homepage .faq-answer { color: var(--el-slate); }
.block-homepage .section-label { color: var(--el-gold); }
.block-homepage .story-signature { color: var(--el-gold); }

/* Hero: the wordmark (no logo file on record yet) in the display face, gold rule beneath it. */
.block-homepage .hero-wordmark { color: #FFFFFF; letter-spacing: 0.04em; }
.block-homepage .hero-wordmark::after { content: ''; display: block; width: 64px; height: 2px; margin: 18px auto 0; background: var(--el-gold); }
.block-homepage .hero h1 em, .block-homepage .hero h2 em { color: var(--el-gold-soft); font-style: italic; }

/* Story photo slot when it falls back to the framed mark: EP, quiet gold on the navy plate. */
.block-homepage .story .story-image--placeholder { background: var(--el-navy); }
.block-homepage .story .story-mark { color: var(--el-gold); opacity: 0.34; }

/* Stats band: navy ground, gold figures, soft white labels. */
.block-homepage .stats-bar { background: var(--el-navy); }
.block-homepage .stats-bar-number { color: var(--el-gold); }
.block-homepage .stats-bar-label { color: rgba(255, 255, 255, 0.78); }

/* Carousel arrows: navy type on the gold hover fill (white would wash out on gold). */
.block-homepage .im-carousel-arrow:hover:not(:disabled) { color: var(--el-navy); }

/* FAQ: gold hairlines + chevrons, navy questions. */
.block-homepage .faq-block .faq-question { color: var(--el-navy); }
.block-homepage .faq-block .faq-item--accordion > summary.faq-question::after { border-color: var(--el-gold); }

/* Contact band NAP on the navy band: soft-gold links. */
.block-homepage .contact-band { --im-cta-bg: var(--el-navy); }
.block-homepage .contact-band .cta-nap-link { color: var(--el-gold-soft); }