/* ============================================================
   v19 LUXURY PALETTE REBALANCE — Luke's Soul Food Cafe
   Problem: everything lived in the same muddy brown band
   (deep brown bg + orange-amber accents + brown photos).
   Fix: near-black onyx chrome, brighter champagne-gold accents
   with wider tonal separation, cleaner ivory sections, and a
   single restrained accent used sparingly.
   ============================================================ */

/* ---------- Core tokens: brighter gold, darker chrome ---------- */
:root{
  /* onyx chrome (was brown espresso) */
  --espresso:#0e0a06;
  --espresso-2:#171009;
  --char:#090503;
  /* champagne gold system — much brighter than before */
  --gold:#d9b268;
  --gold-hi:#f6e3ae;
  --gold-deep:#8a6a30;
  --honey:#eecf8e;
  /* warm ivory paper */
  --paper:#fbf6ec;
  --cream:#f9f1e1;
  --cream-2:#f3e8d2;
  /* keep cocoa for body text but lighten the warm mid-tones */
  --caramel:#c08a4a;
  --caramel-hi:#dfa963;
  --cocoa:#4a371c;
}

/* ---------- Header: true onyx glass, stronger gold hairline ---------- */
.header{
  background:rgba(9,6,3,.88);
  border-bottom:1px solid rgba(217,178,104,.28);
}
.header::after{opacity:.65}
.topbar{
  background:var(--char);
  border-bottom:1px solid rgba(217,178,104,.2);
  color:#d9c6a3;
}
.topbar strong{color:var(--gold-hi)}

/* ---------- Brand: champagne gradient name ---------- */
.brand-name{
  background:linear-gradient(100deg,#faf3e0 15%,var(--gold-hi) 50%,#faf3e0 85%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand-name small{color:var(--gold)}

/* ---------- Buttons: bright champagne on onyx, dark sections get gold outline ---------- */
.btn-primary{
  background:linear-gradient(120deg,#fbeec9 0%,var(--gold) 48%,#96733a 100%);
  color:#140d04;
  box-shadow:0 14px 34px -12px rgba(217,178,104,.7), inset 0 1px 0 rgba(255,248,225,.85);
}
.btn-primary:hover{box-shadow:0 20px 44px -12px rgba(217,178,104,.85), inset 0 1px 0 rgba(255,248,225,.85)}
.btn-ghost{border:1px solid rgba(217,178,104,.8);color:var(--gold-hi)}
.btn-ghost:hover{background:rgba(217,178,104,.12)}
.nav-cta{
  background:linear-gradient(120deg,#fbeec9,var(--gold) 55%,#96733a);
  color:#140d04 !important;
  box-shadow:0 12px 26px -10px rgba(217,178,104,.8), inset 0 1px 0 rgba(255,248,225,.7);
}

/* ---------- Nav links: brighter ivory, gold active ---------- */
.nav-links a{color:#f0e3c8}
.nav-links a:hover{color:var(--gold-hi)}
.nav-links a.active{color:var(--gold-hi);border-bottom-color:var(--gold)}

/* ---------- Hero: deeper scrim so gold text pops ---------- */
.hero{
  background:
    linear-gradient(180deg,rgba(9,5,2,.82) 0%,rgba(9,5,2,.55) 40%,rgba(9,5,2,.94) 100%),
    url('../assets/images/hero-table-feast.jpg') center/cover no-repeat;
}
.hero .eyebrow{color:var(--gold-hi)}
.hero p.lede{color:#f2e4c6}
.hero-badge{color:#e5d4b2}

/* ---------- Eyebrow: gold instead of muddy caramel ---------- */
.eyebrow{color:var(--caramel-hi)}
.section--dark .eyebrow,.hero .eyebrow{color:var(--gold-hi)}

/* ---------- Sections: cleaner light sections, richer dark ---------- */
.section--dark{background:linear-gradient(180deg,#0e0a06 0%,#1a120a 55%,#0e0a06 100%)}
.section--dark .lede{color:#e6d3b0}
.section--cream{background:linear-gradient(180deg,#faf3e3 0%,#f2e6cd 100%)}

/* ---------- Cards: ivory with crisp gold edge ---------- */
.card{background:#fefbf4;border:1px solid rgba(217,178,104,.2)}
.card:hover{border-color:rgba(217,178,104,.45)}
.card-imgwrap::after{box-shadow:inset 0 0 0 1px rgba(217,178,104,.28), inset 0 -46px 44px -30px rgba(12,7,2,.55)}
.card-tag{background:rgba(12,8,3,.9);border:1px solid rgba(217,178,104,.55);color:var(--gold-hi)}

/* ---------- Chips/labels: keep cocoa but deepen ---------- */
.chip{border-color:rgba(74,55,28,.45);color:#3f2c14}
.chip:hover,.chip.active{background:#2c1e0d;border-color:#2c1e0d}
.field input,.field textarea,.field select{background:#fffdf7;border-color:rgba(74,55,28,.3)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--caramel-hi);box-shadow:0 0 0 3px rgba(217,178,104,.25)}

/* ---------- Quotes: gold glass ---------- */
.quote{background:rgba(249,241,225,.05);border:1px solid rgba(217,178,104,.35)}
.quote .who{color:var(--gold-hi)}
.stars{color:var(--gold-hi);text-shadow:0 0 14px rgba(217,178,104,.5)}

/* ---------- Bands: onyx with gold rules ---------- */
.band{
  background-color:var(--char);
  border-top:1px solid rgba(217,178,104,.35);border-bottom:1px solid rgba(217,178,104,.35);
}
.band p{color:#e6d3b0}

/* ---------- Footer ---------- */
.footer{background:linear-gradient(180deg,var(--char) 0%,#0d0803 100%)}
.footer h4{color:var(--gold-hi)}
.footer-note{border-top:1px solid rgba(217,178,104,.2);color:#a68d68}

/* ---------- Gold hairlines ---------- */
:root{--gold-line:linear-gradient(90deg,transparent,rgba(217,178,104,.8) 30%,rgba(246,227,174,.98) 50%,rgba(217,178,104,.8) 70%,transparent)}
.section-head::after{background:var(--gold-line)}
.footer::before{background:var(--gold-line)}