/* Mission Realty Capital — "warm" redesign overrides.
   Linked AFTER each page's base styles so it re-skins the shared landing-page /
   blog templates to the warm direction without rewriting their CSS.
   Load order: base inline <style> ... then this file. Requires the Caveat +
   Fraunces webfonts (added to each page's Google Fonts link). */

/* 1) Warm the shared design tokens (base CSS reads these via var()) */
:root{
  --page:#fdf9f3;      /* paper background */
  --soft:#f6efe3;      /* warm band */
  --line:#e9dfd0;      /* warm hairline */
  --ink:#17223d;
  --muted:#5d6b85;
  --card:#fffdf9;
  --flame:#ff7417; --flame2:#ec6308;
  --serif-warm:'Fraunces',Georgia,serif;
  --hand:'Caveat',cursive;
}

/* 2) Paper ground + warm alternating bands */
body{background:var(--page)}
.section.band,.section.alt{background:var(--soft)!important}

/* 3) Display headings → Fraunces italic (the warm voice) */
.hero h1,
.secHead h2,
.founder h2,
.finalCta h2,
.sitWrap h3,
.bodyText h2,
.formCard h2,
.article h1,
.article h2{
  font-family:var(--serif-warm)!important;
  font-style:italic!important;
  font-weight:600!important;
  letter-spacing:-.015em;
}
em{font-family:var(--serif-warm);font-style:italic}

/* Blog "quick answer" callout → warm cream instead of cool blue */
.article .answer{background:#fdf4e9!important;border-left-color:var(--flame)!important;color:#3a3020}
.article .badge{background:#f4ecdf!important;color:var(--flame2)!important}
.article a,.article .crumbs a,.numNote{color:var(--flame2)!important}

/* 4) Eyebrows → Caveat handwritten accent (was uppercase tracked label) */
.eyebrow{
  font-family:var(--hand)!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:clamp(20px,5vw,25px)!important;
  font-weight:600!important;
  color:var(--flame2)!important;
}
.section.dark .eyebrow,
.hero .eyebrow,
.hero .heroBadge{color:#ffd9a1!important}
.sitTag{font-family:var(--hand)!important;text-transform:none!important;letter-spacing:0!important;font-size:clamp(19px,4.6vw,23px)!important;color:var(--flame2)!important}

/* 5) Warm the near-white surfaces so they sit softly on the paper ground */
.stepCard,.storyCard,.sitItem,.formCard,.areaChip,.faq details,.numCard,.lcard,.resCard,.stepNum,.compareTable,.compareTable thead th{background-color:var(--card)}
.compareTable .ourCol{background-color:#fff7ef}
.compareTable .altRow td{background-color:#faf4ea}
.compareTable .altRow td.ourCol{background-color:#fdf1e4}

/* 6) Number/stat accents pick up the serif italic for a touch of warmth */
.founderStats .fs b,.heroStat b,.stepNum{font-family:var(--serif-warm);font-style:italic}

/* 7) Soften shadows to the warm palette */
.stepCard,.storyCard,.formCard{box-shadow:0 18px 50px rgba(13,37,82,.10)}