/* ============================================================================
   BELLTOWER LANDING — HOUSEBOOKER SKIN
   Re-skins the public marketing landing (index.html) to the Forever Still house
   look — warm ivory + gilt + Cinzel/Jost — by remapping its dark neutral tokens.
   Belltower's brand gold (--gold #C8A96A) and its Tangerine script flourish are
   kept. Loaded last so it wins over the inline <style>. Additive + reversible:
   delete the <link> to revert. Source of truth: C:\foreverstill\housebooker-ui\

   Notes on judgement calls:
   - --bg-warm is intentionally NOT remapped: it is the surface of the *dark
     device mockups* in the live demo (phone + calendar), whose frames are
     hardcoded dark. Keeping it dark preserves those legible demo screens.
   - --blush (a rose heading-accent) is deepened to the palette danger tone so
     the em headline words stay readable on ivory; the demo's "Live" pulse is
     pinned back to the original rose so it stays visible on its dark chrome.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap');

:root{
  /* neutrals -> warm paper */
  --bg:#f2ead6;
  --bg-soft:#fffdf8;               /* raised / input */
  --text:#26221c;
  --text-muted:#6b6152;
  --text-soft:#26221c;
  --cream:#faf4e5;                 /* light section surface + light text on dark device mocks */
  --ink:#26221c;                   /* dark text on cream + dark device-frame bg */
  --ink-soft:#6b6152;
  --rule:rgba(177,144,77,.28);     /* fine gilt lines / borders */
  /* accents: gold family + Tangerine (--font-script) + --bg-warm kept as-is */
  --blush:#9a4432;                 /* deepened for legibility on ivory */
  --ok:#4e7a46; --err:#9a4432;
  /* type */
  --font-display:'Cinzel',Georgia,serif;
  --font-sans:'Jost',system-ui,sans-serif;
}
body{ background-image:radial-gradient(circle at 50% 0%, rgba(200,169,106,0.10) 0%, transparent 55%); }

/* nav + mobile menu were dark translucent -> warm translucent */
.nav.scrolled{ background:rgba(242,234,214,.9); border-bottom:1px solid var(--rule); }
.mobile-menu{ background:rgba(242,234,214,.97); }

/* hero showcase card -> warm paper with a thin gilt inner frame */
.mock{ background:#faf4e5; border:1px solid var(--rule); position:relative;
  box-shadow:0 1px 2px rgba(33,29,24,.06),0 8px 26px rgba(33,29,24,.08); }
.mock::before{ content:''; position:absolute; inset:10px; border:1px solid rgba(177,144,77,.30);
  border-radius:3px; pointer-events:none; }
.mrow{ background:#fffdf8; }

/* live demo: device frames stay dark (hardcoded), so pin its muted labels +
   "Live" pulse to light tones for legibility on the dark screens */
#how-live .bk-step,
#how-live .bk-opt .mt,
#how-live .bk-bookcard .c{ color:#b9ad9f; }
#how-live .bk-live{ color:#d4a5a5; }
#how-live .bk-live i{ background:#d4a5a5; }

/* 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; }