/* ─────────────────────────────────────────────────────────────────────────────
   DELANA WINSLOW HOMES — tenant theme scope
   Pearson Smith Realty · Northern Virginia & Beyond

   A REbuilder tenant theme is TOKEN OVERRIDES, nothing more (tokens/themes.css).
   Derived from Delana's brand kit: the ink-on-ivory DW serif monogram with
   black-and-white botanical florals, letterspaced caps wordmark, and the script
   "Guiding you home." tagline. Monochrome editorial luxury with one metal.
   ──────────────────────────────────────────────────────────────────────────── */

/* Fonts: Playfair Display (Didone display — matches the DW monogram),
   Allura (script accent — "Guiding you home."), Inter (UI/body),
   Geist Mono (prices/figures). */

.theme-delana {
  /* ---- Structural surfaces: warm ivory ground, soft-black ink ---- */
  --ink: #1C1B19;
  --paper: #FAF8F3;
  --surface: #FFFFFF;
  --surface-sunken: #F3EFE6;
  --border: #E7E1D3;
  --muted: #7A7266;

  /* ---- Action: ink itself. Luxury buttons are black, white, or ghost. ---- */
  --accent: #23211D;
  --accent-fg: #FFFFFF;
  --accent-hover: #000000;
  --accent-soft: #EFEBE1;

  /* ---- Premium: champagne brass — hairline rules, ornaments, dark-ground text ---- */
  --premium: #A8895A;
  --premium-soft: #F1EADC;
  /* Darker brass for small text on light grounds (WCAG AA ≥4.5:1 vs --paper) */
  --premium-text: #82683E;

  /* ---- Type ---- */
  --font-display: "Instrument Serif", "Playfair Display", Georgia, serif;
  --font-script: "Allura", "Snell Roundhand", cursive;
  --font-sans: "Inter", system-ui, -apple-system, sans-serif;

  /* ---- Editorial sharpness ---- */
  --radius-sm: 0px;
  --radius: 2px;
  --radius-lg: 3px;

  /* ---- Dark band ground (hero scrims, ink sections, footer) ---- */
  --ink-band: #191816;
  --ink-band-fg: #F5F2EA;
  --ink-band-muted: rgba(245, 242, 234, 0.64);
  --hairline-on-ink: rgba(245, 242, 234, 0.18);
}

/* ── Instrument Serif display voice ─────────────────────────────────────
   Instrument ships one weight (400 + italic). Pin every display-font
   consumer to 400 so nothing synthesizes a faux bold. */
.theme-delana .display,
.theme-delana .menu a,
.theme-delana .showcase-name,
.theme-delana .place-name,
.theme-delana .quote blockquote,
.theme-delana .step h3,
.theme-delana .prose h2 {
  font-weight: 400;
}
/* Optical tracking. Large serif display wants to TIGHTEN, not loosen; caps
   want the opposite. Both selectors are theme-scoped because a bare
   `.theme-delana .display` (0,2,0) silently out-specifies `.display--caps`
   (0,1,0) — which is how the hero's letterspaced caps got flattened to
   near-zero after the Instrument Serif switch. */
.theme-delana .display { letter-spacing: -0.012em; }
.theme-delana .display--caps { letter-spacing: 0.12em; }

/* The DW monogram lockup is a logo, not running type — it keeps
   Playfair's letterforms regardless of the display face. */
.theme-delana .dw-mono,
.theme-delana .dw-word {
  font-family: "Playfair Display", Georgia, serif;
}


/* ── Typographic finish ─────────────────────────────────────────────────
   balance keeps short headings from dropping a single orphaned word;
   pretty does the same for the last line of body copy. */
.theme-delana .display,
.theme-delana .place-name,
.theme-delana .showcase-name { text-wrap: balance; }
.theme-delana .lede,
.theme-delana .prose p,
.theme-delana .stat span { text-wrap: pretty; }

/* ── Warm elevation ─────────────────────────────────────────────────────
   The platform shadows are a cool blue-grey (rgba(17,24,39)). On warm ivory
   over champagne that reads as a foreign light source; these carry the
   palette's own temperature. */
.theme-delana {
  --e1: 0 1px 2px rgba(58, 44, 30, 0.07);
  --e2: 0 2px 10px rgba(58, 44, 30, 0.09);
  --e3: 0 10px 34px rgba(58, 44, 30, 0.14);
}

/* ── Motion ─────────────────────────────────────────────────────────────
   The system defines a good curve (--ease-out) but the micro/entrance
   tokens fell back to the browser default at a brisk 150/220ms, so every
   hover and nav transition used stock easing. Same curve as the scroll
   reveals, slowed to match the brand's pace. */
.theme-delana {
  --motion-micro: 260ms var(--ease-out);
  --motion-entrance: 460ms var(--ease-out);
}
@media (prefers-reduced-motion: reduce) {
  .theme-delana { --motion-micro: 1ms linear; --motion-entrance: 1ms linear; }
}