/* ============================================================================
   THE FORGE — HOUSEBOOKER SKIN  (additive, reversible)
   ----------------------------------------------------------------------------
   Re-skins the gettheforge.app landing to the Forever Still "house" look:
   warm ivory + gilt, Cinzel headings over a Jost body — the same family as the
   House Booker product, Drawbridge's Keep console, and the `housebooker-ui`
   package.

   HOW IT WORKS
   index.html is built on a small set of CSS variables in its inline <style>
   (:root{ --bg / --text / --cream / --rule / --font-* ... }). This file is
   linked LAST in <head>, so it simply REMAPS the NEUTRAL tokens to warm/light
   values and swaps the fonts — every section re-tints at once with no markup
   changes. The Forge's own gold ACCENT (#C8A96A and its shades) is left
   untouched. To remove the skin, delete the one <link> in index.html.

   Source of truth for the values: 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 {
  /* --- surfaces: near-black -> warm ivory --- */
  --bg:#f2ead6; --bg-soft:#faf4e5; --bg-warm:#faf4e5;

  /* --- text: cream -> ink --- */
  --text:#26221c; --text-muted:#6b6152; --text-soft:#34302a;

  /* --- "cream" bands sit one warm step above the page --- */
  --cream:#faf4e5; --ink:#26221c; --ink-soft:#6b6152;

  /* --- hairlines -> fine gilt line --- */
  --rule:rgba(177,144,77,.28);

  /* --- type: Cormorant/Montserrat -> Cinzel/Jost (Tangerine script kept) --- */
  --font-display:'Cinzel',Georgia,serif;
  --font-sans:'Jost',system-ui,-apple-system,sans-serif;
  /* --gold / --gold-dim / --gold-ink / --blush left as-is: the brand accent */
}

/* Cinzel is a Deco cap face — give headings a touch more weight than the old
   hairline Cormorant so they don't read as thin on paper */
h2, .hero__tagline, .cta h2, .family h2, .footer__brand, .lockup__name, .step h4, .why h4, .poster h3 { font-weight: 500; }

/* soften the few hardcoded darks so nothing reads as a black slab on ivory */
.nav.scrolled { background: rgba(250, 244, 229, .92); border-bottom: 1px solid var(--rule); }
.why .ic { background: #211d18; }               /* icon disc -> house charcoal */

/* keep the live-demo DEVICE a dark browser mockup (it frames an external
   iframe), but pin its poster text so it stays legible on its dark gradient */
.poster h3 { color: #F4EDE0; }
.poster p  { color: #b9ad9f; }

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