/* ============================================================
   brand-2026.css — Space Realty marketing brand skin.
   Loads AFTER redesign-2026.css. PURE PRESENTATION — re-skins the
   token-driven site to the cream + orange + Fraunces + Saturn-mark
   brand WITHOUT touching any content/markup. Toggle by removing the
   <link>. Scoped under [data-ui="re2026"].
   ============================================================ */

/* ---------- 1. Palette: terracotta→orange, oat→cream ---------- */
html[data-ui="re2026"]{
  --ink:#1c2430; --ink-2:#1c2430; --ink-soft:#5a6472; --muted:#8fa3c4;
  /* Clean white site (was warm cream). Recessed sections use a neutral near-white
     so bands stay subtly separated without reading as beige. */
  --canvas:#f0eee9; --surface:#fdfdfc; --surface-2:#fdfdfc;
  --bg:#f0eee9; --bg-alt:#fdfdfc;
  --line:#d9e0ec; --line-2:#d9e0ec;

  --accent:#0b1d3a; --accent-soft:#4a5b8c; --accent-strong:#24395c; --accent-bg:#d9e0ec;
  --brand:#0b1d3a; --brand-soft:#4a5b8c; --brand-deep:#24395c; --brand-tint:#d9e0ec;

  --verify:#24395c; --verify-tint:#d9e0ec;   /* brand "scan" green */
  --shadow-orange:0 16px 44px rgba(28,36,48,.20);
}
html[data-ui="re2026"] body{ background:var(--canvas); }

/* ---------- 2. Saturn mark — CSS-only logo swap + show wordmark ---------- */
html[data-ui="re2026"] .brand-logo{
  content:url('/assets/img/logo-mark.png');
  aspect-ratio:1199 / 664; width:auto; object-fit:contain;
}
html[data-ui="re2026"] .brand-light .brand-logo,
html[data-ui="re2026"] footer .brand-logo{
  content:url('/assets/img/logo-mark-white.png');
}
/* re-show the "Space Realty" wordmark text (old raster logo had it baked in) */
html[data-ui="re2026"] .brand-text{ display:inline-flex !important; }
html[data-ui="re2026"] .brand-name{ font-weight:700; letter-spacing:.04em; }
html[data-ui="re2026"] .brand-accent{ color:var(--brand); }

/* ---------- 3. Fraunces italic on display headlines (brand voice) ---------- */
html[data-ui="re2026"] h1,
html[data-ui="re2026"] .hero-photo-title,
html[data-ui="re2026"] .section-head h2{
  font-family:'Fraunces','Cormorant Garamond',Georgia,serif !important;
  font-style:italic; font-weight:500; letter-spacing:-.01em; line-height:1.04;
}
html[data-ui="re2026"] em{
  font-style:italic; font-family:'Fraunces',serif; font-weight:500; color:var(--brand-deep);
}

/* ---------- 4. Hero → clean white + a single whisper of warmth (premium) ---------- */
html[data-ui="re2026"] .hero-photo-bg{
  background:
    radial-gradient(ellipse 55% 42% at 92% -2%, rgba(28,36,48,.05), transparent 64%),
    #ffffff !important;
}
/* softer, barely-there dot texture on the now-white hero — premium, not busy */
html[data-ui="re2026"] .hero-photo-overlay{ opacity:.5; }
/* lift the hero search off the white so it reads as a deliberate command bar */
html[data-ui="re2026"] .smart-search-mount--hero .ss-bar{
  border-color:#d9e0ec;
  box-shadow:0 10px 34px rgba(28,36,48,.08), 0 2px 6px rgba(28,36,48,.04);
}
html[data-ui="re2026"] .smart-search-mount--hero .ss-bar:focus-within{
  box-shadow:0 0 0 3px var(--brand-tint), 0 14px 40px rgba(28,36,48,.10);
}

/* ---------- 5. Buttons / chips polish to orange brand ---------- */
html[data-ui="re2026"] .btn-primary,
html[data-ui="re2026"] .ss-submit{ background:var(--brand); }
html[data-ui="re2026"] .btn-primary:hover,
html[data-ui="re2026"] .ss-submit:hover{ background:var(--brand-deep); }