/* ─────────────────────────────────────────────────────────────────────────────
   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 supplied brand kit: the ink-on-ivory DW serif monogram
   with black-and-white botanical florals, a letterspaced caps wordmark, and the
   script "Guiding you home." tagline. That established brand system is the
   explicit reason this tenant uses serif and script faces instead of the
   platform's default sans-only typography.
   ──────────────────────────────────────────────────────────────────────────── */

/* Fonts: Instrument Serif (editorial display), Playfair Display (DW lockup),
   Allura (the supplied script accent), and Inter (UI/body). */

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

  /* ---- 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; 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). */
.theme-delana .display { letter-spacing: -0.012em; }
.theme-delana .display--caps { letter-spacing: 0.12em; }

/* Restore the supplied script metrics. Allura ships at weight 400; the
   sans-era shared rule would otherwise synthesize a heavier face. */
.theme-delana .script {
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

/* The DW monogram lockup is a logo, not running type. */
.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; }
}


/* Licence modification + share-alike note. Required by CC BY / CC BY-SA for the
   colour-graded derivatives produced by tools/grade.py. Secondary in weight, but
   it must be visible — a hidden attribution is not an attribution. */
.theme-delana .credit-mod {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--muted);
}