/* /themes/tenants/whitaker.css — WHITAKER-HOMEPAGE — Whitaker Realty's token sheet (A SUGGESTION; Chad approves).
   Loaded by the tenant layout AFTER tokens.luxury.css and the two brand knobs, BEFORE any CMS customCss (so the
   CMS always wins). Every rule below is a --im-* value or a one-line accent — no markup depends on this file,
   and swapping the palette means editing these values.

   The direction (brief, Joey's calls):
     • KEEP the template's gold as the accent — it reads luxury; --im-color-brand stays the luxury gold.
     • Chad's LOGO stays as-is (the green W). Not touched here.
     • THREAD his brand dark #201A16 (warm charcoal-brown) in as the site's ink / heading / footer / dark-band tone,
       replacing the template's cold near-blacks, so his identity carries past the logo.
     • His GREEN as a TEXT accent in spots (eyebrows / section labels, popup agent link, footer titles).
       ⚑ The green value is a PLACEHOLDER read off the logo as rendered on w-realty.com — confirm from the logo file.
*/
:root {
  /* Whitaker primitives */
  --wr-brown: #201A16;
  --wr-brown-deep: #17120F;
  --wr-brown-soft: #3A312B;
  --wr-green: #3E8A5B;      /* ⚑ placeholder — confirm against Chad's logo file */
  --wr-green-deep: #2C6B45; /* the W on the gold pin — a deeper cut of the green so it stays sharp at 17 px (SOLD-MAP-BRANDED-PINS) */
  --wr-cream: #F8F5F1;      /* warm section ground to sit with the brown */
  --wr-stone: #E7E1D9;      /* warm hairline */

  /* the luxury primitives, re-pointed (cold neutrals → Chad's warm dark) */
  --im-charcoal: var(--wr-brown);
  --im-black: var(--wr-brown-deep);
  --im-cream: var(--wr-cream);
  --im-stone: var(--wr-stone);
  --im-gray-4: var(--wr-brown-soft);

  /* semantic roles */
  --im-color-ink: #2B2420;
  --im-color-ink-strong: var(--wr-brown);
  --im-color-ink-faintest: var(--wr-brown-soft);
  --im-color-bg-alt: var(--wr-cream);
  --im-color-border: var(--wr-stone);
  --im-color-accent: var(--wr-green);

  --im-gradient-ink: linear-gradient(135deg, var(--wr-brown-deep) 0%, var(--wr-brown) 100%);
  --im-img-scrim: linear-gradient(135deg, rgba(32, 26, 22, 0.8) 0%, rgba(32, 26, 22, 0.55) 100%);

  /* the CTA band knobs (_cta.css) — brown band, gold button with dark type (the template's own convention) */
  --im-cta-bg: var(--wr-brown);

  /* SOLD-MAP-BRANDED-PINS — the Whitaker sold sign: green W on the gold pin, cream halo behind the letter, brown hairline */
  --im-pin-fill: var(--im-gold);
  --im-pin-mark: var(--wr-green-deep);
  --im-pin-halo: rgba(255, 250, 240, 0.95);
  --im-pin-outline: rgba(32, 26, 22, 0.45);
}

/* Photo scrims: the template's cold charcoal gradient → Chad's warm brown, same strength. */
.hero-slide-bg::before { background: linear-gradient(135deg, rgba(32, 26, 22, 0.72) 0%, rgba(32, 26, 22, 0.42) 100%); }

/* Headings carry the brand dark. */
h1, h2, h3, .section-header h2, .about-text h2 { color: var(--wr-brown); }
.hero h1, .hero h2 { color: var(--im-color-on-dark); }

/* The green, as a TEXT accent only. */
.section-label { color: var(--wr-green); }
.footer-title { color: var(--wr-green); }

/* Footer + dark bands on the brand dark. */
.footer { background: var(--wr-brown); }
.footer-bottom { border-top-color: rgba(255, 255, 255, 0.1); }

/* Nav hover keeps gold; the phone/eyebrow tone stays template. */