/* Theme override: "Warm Luxe" — espresso + luminous champagne gold + cream.
   High-contrast warm palette (the accent pops against a deep ground).
   Load AFTER styles.css. Uses Cormorant Garamond (display) + Jost (body). */
:root{
  --bg:#F6F1E8;          /* warm ivory */
  --surface:#FBF7EF;
  --panel:#EBE1CE;       /* soft camel band */
  --ink:#241C15;         /* espresso near-black (crisp headings on cream) */
  --muted:#6E6252;
  --accent:#C8A45E;      /* luminous champagne gold */
  --accent-dark:#A9863F;
  --line:#E4D9C6;
}

/* Espresso dark bands with a warm highlight — gold glows against them */
/* Hero photo sits under a warm espresso scrim so the cream + gold text stays readable.
   If images/hero.jpg is missing, the espresso base color shows instead. */
.hero{
  background-color:#221A13;
  background-image:linear-gradient(120deg,rgba(20,15,10,.82) 0%,rgba(40,28,18,.66) 55%,rgba(60,44,28,.55) 100%),url('images/hero.jpg');
  background-size:cover;
  background-position:center;
}
.hero::after{background:radial-gradient(120% 90% at 78% 30%,rgba(200,164,94,.30),transparent 60%)}
.hero h1{color:#F4EAD9}
.hero .eyebrow{color:#DABE8C}
.hero .lead{color:#E7DAC5}

.stats{background:#221A13}
.stats .num{color:#D8B979}
.stats .lbl{color:#B7A88F}

.site-footer{background:#221A13;color:#C9BCA6}
.site-footer a{color:#C9BCA6}
.site-footer a:hover{color:#D8B979}
.footer-bottom{border-top-color:#3A2E20;color:#8C7F6B}

/* Gold primary button — the pop */
.btn.solid{background:#C8A45E;color:#241C15;border-color:#C8A45E}
.btn.solid:hover{background:#A9863F;border-color:#A9863F;color:#fff}

/* First hero CTA solid gold for contrast; second stays cream outline */
.hero .hero-cta .btn:first-child{background:#C8A45E;color:#241C15;border-color:#C8A45E}
.hero .hero-cta .btn:first-child:hover{background:#fff;border-color:#fff;color:#241C15}

/* Warm feature panel — photo with a bottom scrim so the caption stays readable */
.split .visual{
  background-color:#2C2117;
  background-image:linear-gradient(to top,rgba(20,15,10,.62) 0%,rgba(20,15,10,.12) 42%,rgba(20,15,10,0) 70%),url('images/about.jpg');
  background-size:cover;
  background-position:center;
}
.split .visual span{color:#F2E4C6;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.steps .step::before{color:var(--accent);opacity:.65}
.table td.save{color:var(--accent-dark)}
