/* ============================================================================
   THE HEARTH — LANDING (marketing) HOUSEBOOKER SKIN
   Re-skins Hearth's public landing page to the Forever Still house look (warm
   ivory + gilt + Cinzel/Jost) by remapping its neutral tokens. Loaded last so
   it wins. Keeps Hearth's brand gold accent (--gold) and blush flourish.
   Source: C:\foreverstill\housebooker-ui\
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap');

:root{
  /* neutral tokens -> warm house values (KEEP the gold + blush accents) */
  --bg:#f2ead6; --bg-soft:#faf4e5; --bg-warm:#faf4e5;
  --text:#26221c; --text-muted:#6b6152; --text-soft:#26221c;
  --rule:rgba(177,144,77,.28);
  --cream:#faf4e5; --ink:#26221c; --ink-soft:#6b6152;
  /* fonts -> Cinzel headings, Jost body (keep the Tangerine script flourish) */
  --font-display:'Cinzel',Georgia,serif;
  --font-sans:'Jost',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}

body{
  background:var(--bg);
  background-image:radial-gradient(circle at 50% 0%, rgba(200,169,106,0.10) 0%, transparent 55%);
}

/* neutral surfaces the token system missed -> warm translucent paper */
.nav.scrolled{ background:rgba(250,244,229,0.92); border-bottom-color:rgba(177,144,77,.28); }
.mobile-menu{ background:rgba(250,244,229,0.97); }

/* form inputs -> raised warm paper */
.form__field input,.form__field textarea{ background:#fffdf8; border-color:var(--rule); }

/* hero content -> warm paper card with a thin gilt inner frame */
.hero__content{
  background:var(--bg-soft);
  border:1px solid var(--rule);
  border-radius:5px;
  padding:44px 40px;
  box-shadow:0 1px 2px rgba(33,29,24,.06),0 8px 26px rgba(33,29,24,.08);
}
.hero__content::before{
  content:''; position:absolute; inset:10px;
  border:1px solid rgba(200,169,106,.30); border-radius:3px;
  pointer-events:none; z-index:0;
}
.hero__content > *{ position:relative; z-index:1; }
@media(max-width:768px){ .hero__content{ padding:32px 26px; } }

/* Consistency sweep: the hero H1 is the most prominent type on the page — force it
   to the house display face even when a class-based rule would otherwise win. */
h1 { font-family: 'Cinzel', Georgia, serif !important; }