/* Qubal v160 — warm-light visual rhythm
   Visual-only layer. No commerce, inventory, product, content or image logic is changed. */
:root{
  --qubal-paper:#f3eee4;
  --qubal-paper-2:#e9e0d2;
  --qubal-paper-card:#fbf8f2;
  --qubal-paper-ink:#191713;
  --qubal-paper-muted:#665f55;
  --qubal-paper-line:#cfc1ad;
  --qubal-paper-gold:#9a6428;
  --qubal-paper-shadow:0 16px 38px rgba(55,43,28,.10);
}

/* Keep Qubal's strongest brand anchors dark. */
.nav,.hero,.hubTrust,.crossDiscovery,.foot{background-color:#090a09;color:var(--ink)}

/* ---------- HOME ---------- */
.qubal-home #categories,
.qubal-home #featured,
.qubal-home #policies,
.qubal-home #sources,
.qubal-home .logoStory{
  background:var(--qubal-paper);
  color:var(--qubal-paper-ink);
  border-color:var(--qubal-paper-line);
}
.qubal-home #featured{background:var(--qubal-paper-2)}
.qubal-home #story{background:#0d0e0c;color:var(--ink)}
.qubal-home #categories .head p,
.qubal-home #featured .head p,
.qubal-home #policies .head p,
.qubal-home .logoStory p,
.qubal-home .logoStory span{color:var(--qubal-paper-muted)}
.qubal-home #categories .head h2,
.qubal-home #featured .head h2,
.qubal-home #policies .head h2,
.qubal-home #sources h2,
.qubal-home .logoStory h2{color:var(--qubal-paper-ink)!important}
.qubal-home #categories .eyebrow,
.qubal-home #featured .eyebrow,
.qubal-home #policies .eyebrow,
.qubal-home #sources .eyebrow,
.qubal-home .logoStory .eyebrow{color:var(--qubal-paper-gold)}

.qubal-home .hubCategoryCard,
.qubal-home .featuredCard,
.qubal-home .hubPolicyGrid>div,
.qubal-home .source{
  background:var(--qubal-paper-card);
  border-color:var(--qubal-paper-line);
  box-shadow:var(--qubal-paper-shadow);
  color:var(--qubal-paper-ink);
}
.qubal-home .hubCategoryBody h3,
.qubal-home .featuredCard h3,
.qubal-home .hubPolicyGrid b{color:var(--qubal-paper-gold)}
.qubal-home .hubCategoryBody p,
.qubal-home .featuredCard p,
.qubal-home .hubPolicyGrid p,
.qubal-home .source{color:var(--qubal-paper-muted)}
.qubal-home .hubCategoryMeta{border-color:var(--qubal-paper-line);color:#755638}
.qubal-home .source a{color:#8c5d25}
.qubal-home .logoStoryRule{background:var(--qubal-paper-line)!important}
.qubal-home .logoVolcanoMark path{stroke:var(--qubal-paper-gold)!important}
.qubal-home .logoWordmark,
.qubal-home .logoVolcanoNames b,
.qubal-home .logoStat strong{color:var(--qubal-paper-gold)!important}

/* ---------- COFFEE + CHOCOLATE ---------- */
.qubal-coffee #inside,
.qubal-coffee #journeys,
.qubal-coffee #individual-items,
.qubal-coffee #cacao{
  background:var(--qubal-paper);
  color:var(--qubal-paper-ink);
  border-color:var(--qubal-paper-line);
}
.qubal-coffee #journeys{background:var(--qubal-paper-2)}
.qubal-coffee #individual-items{background:#f7f2e9}
.qubal-coffee #origins{background:#0d0e0c;color:var(--ink)}
.qubal-coffee #inside .head h2,
.qubal-coffee #journeys .head h2,
.qubal-coffee #cacao .head h2{color:var(--qubal-paper-ink)}
.qubal-coffee #inside .head p,
.qubal-coffee #journeys .head p,
.qubal-coffee #cacao .head p{color:var(--qubal-paper-muted)}
.qubal-coffee #inside .eyebrow,
.qubal-coffee #journeys .eyebrow,
.qubal-coffee #individual-items .kicker,
.qubal-coffee #cacao .eyebrow{color:var(--qubal-paper-gold)}

.qubal-coffee #inside .packagingShift,
.qubal-coffee #journeys .collection,
.qubal-coffee #individual-items .individualCard,
.qubal-coffee #individual-items .seroBoxCard,
.qubal-coffee #cacao .cacaoCard{
  background:var(--qubal-paper-card)!important;
  border-color:var(--qubal-paper-line)!important;
  color:var(--qubal-paper-ink);
  box-shadow:var(--qubal-paper-shadow);
}
.qubal-coffee #inside .packagingShift h3,
.qubal-coffee #journeys .collection h3,
.qubal-coffee #individual-items .individualCard h3,
.qubal-coffee #individual-items .individualCard h4,
.qubal-coffee #individual-items .seroBoxCard h3,
.qubal-coffee #individual-items .seroBoxCard h4,
.qubal-coffee #cacao .cacaoCard h3{color:var(--qubal-paper-gold)!important}
.qubal-coffee #inside .packagingShift p,
.qubal-coffee #inside .packSpec span,
.qubal-coffee #journeys .collection .desc,
.qubal-coffee #individual-items .individualCard p,
.qubal-coffee #individual-items .seroBoxCard p,
.qubal-coffee #cacao .cacaoCard p,
.qubal-coffee #cacao .cacaoMeta{color:var(--qubal-paper-muted)!important}
.qubal-coffee #inside .packSpec,
.qubal-coffee #journeys .pairlines div,
.qubal-coffee #cacao .factline{border-color:var(--qubal-paper-line)!important}
.qubal-coffee #inside .packSpec b,
.qubal-coffee #journeys .collection .sub,
.qubal-coffee #journeys .pairlines div,
.qubal-coffee #cacao .factline{color:#7d5b35!important}
.qubal-coffee #journeys .num{color:rgba(154,100,40,.25)}
.qubal-coffee #individual-items .individualLead,
.qubal-coffee #individual-items .seroBoxLead{color:var(--qubal-paper-muted)!important}
.qubal-coffee #individual-items .individualCategory,
.qubal-coffee #individual-items .chocolateHeading{color:var(--qubal-paper-ink)!important}

/* Product image stages stay neutral/dark where the current artwork expects them. */
.qubal-coffee figure,
.qubal-coffee figure img{border-color:#2b261f}

/* ---------- WOOD + TEXTILES ---------- */
.qubal-wood #wood,
.qubal-textiles #wood,
.qubal-wood .storySequence,
.qubal-textiles .storySequence{
  background:var(--qubal-paper);
  color:var(--qubal-paper-ink);
  border-color:var(--qubal-paper-line);
}
.qubal-wood #wood .head h2,
.qubal-textiles #wood .head h2,
.qubal-wood .storySequenceIntro h3,
.qubal-textiles .storySequenceIntro h3{color:var(--qubal-paper-ink)}
.qubal-wood #wood .head p,
.qubal-textiles #wood .head p,
.qubal-wood .storySequenceIntro p,
.qubal-textiles .storySequenceIntro p{color:var(--qubal-paper-muted)}
.qubal-wood #wood .eyebrow,
.qubal-textiles #wood .eyebrow{color:var(--qubal-paper-gold)}
.qubal-wood .woodCard,
.qubal-textiles .woodCard,
.qubal-wood .woodHistory,
.qubal-textiles .woodHistory,
.qubal-wood .storyStep,
.qubal-textiles .storyStep,
.qubal-wood .storyFeature,
.qubal-textiles .storyFeature,
.qubal-wood .storyExamples,
.qubal-textiles .storyExamples{
  background:var(--qubal-paper-card)!important;
  border-color:var(--qubal-paper-line)!important;
  box-shadow:var(--qubal-paper-shadow);
}
.qubal-wood .woodCard h3,
.qubal-textiles .woodCard h3,
.qubal-wood .woodPrice,
.qubal-textiles .woodPrice,
.qubal-wood .storyFeatureCopy h4,
.qubal-textiles .storyFeatureCopy h4,
.qubal-wood .storyExample h5,
.qubal-textiles .storyExample h5{color:var(--qubal-paper-gold)!important}
.qubal-wood .woodCard p,
.qubal-textiles .woodCard p,
.qubal-wood .woodHistory p,
.qubal-textiles .woodHistory p,
.qubal-wood .storyStepBody p,
.qubal-textiles .storyStepBody p,
.qubal-wood .storyFeatureCopy p,
.qubal-textiles .storyFeatureCopy p,
.qubal-wood .storyExamplesHead p,
.qubal-textiles .storyExamplesHead p,
.qubal-wood .storyExample p,
.qubal-textiles .storyExample p,
.qubal-wood .storySequenceNote,
.qubal-textiles .storySequenceNote{color:var(--qubal-paper-muted)!important}
.qubal-wood .woodHistory h2,
.qubal-textiles .woodHistory h2,
.qubal-wood .storyStepBody h4,
.qubal-textiles .storyStepBody h4,
.qubal-wood .storyExamplesHead h4,
.qubal-textiles .storyExamplesHead h4{color:var(--qubal-paper-ink)!important}
.qubal-wood .storyExample,
.qubal-textiles .storyExample{border-color:var(--qubal-paper-line)!important}
.qubal-wood .storyStepNum,
.qubal-textiles .storyStepNum{border-color:#a9783d;color:var(--qubal-paper-gold)}

/* ---------- NAWALES ---------- */
/* The inner Nawal intro remains dark; educational, calculator and product blocks become light. */
.qubal-nawales #nawals .nSection{
  background:var(--qubal-paper);
  color:var(--qubal-paper-ink);
  border-color:var(--qubal-paper-line);
}
.qubal-nawales #nawals .nSection:nth-of-type(even){background:var(--qubal-paper-2)}
.qubal-nawales #nawals .nHead h3,
.qubal-nawales #nawals .calcResult h4,
.qubal-nawales #nawals .nawalCard h4{color:var(--qubal-paper-ink)!important}
.qubal-nawales #nawals .nHead p,
.qubal-nawales #nawals .calcResult p,
.qubal-nawales #nawals .offer p,
.qubal-nawales #nawals .nawalCard p,
.qubal-nawales #nawals .fact span{color:var(--qubal-paper-muted)!important}
.qubal-nawales #nawals .fact,
.qubal-nawales #nawals .calc,
.qubal-nawales #nawals .offer,
.qubal-nawales #nawals .nawalCard{
  background:var(--qubal-paper-card)!important;
  border-color:var(--qubal-paper-line)!important;
  box-shadow:var(--qubal-paper-shadow);
}
.qubal-nawales #nawals .calcForm{border-color:var(--qubal-paper-line)!important}
.qubal-nawales #nawals .fact b,
.qubal-nawales #nawals .calcForm h4,
.qubal-nawales #nawals .offer h4{color:var(--qubal-paper-gold)!important}
.qubal-nawales #nawals .offerPrice{color:var(--qubal-paper-ink)!important}
.qubal-nawales #nawals .nawalCard.active{border-color:#a9783d!important;box-shadow:0 0 0 1px #a9783d, var(--qubal-paper-shadow)}

/* Forms/selects inside light content should look intentional rather than like dark leftovers. */
.qubal-nawales #nawals .nSection select,
.qubal-nawales #nawals .nSection input{
  background:#fffdf8;
  color:var(--qubal-paper-ink);
  border-color:#bfae95;
}

/* ---------- SHARED LIGHT SECTION DETAILS ---------- */
.qubal-home #categories .hubOutlineBtn,
.qubal-home #featured .hubOutlineBtn{
  border-color:#9a6428!important;
  color:#7b4d1d!important;
}

/* Preserve readable separation on phones without reintroducing black walls. */
@media(max-width:820px){
  .qubal-home #categories,
  .qubal-home #featured,
  .qubal-home #policies,
  .qubal-home #sources,
  .qubal-home .logoStory,
  .qubal-coffee #inside,
  .qubal-coffee #journeys,
  .qubal-coffee #individual-items,
  .qubal-coffee #cacao,
  .qubal-wood #wood,
  .qubal-textiles #wood,
  .qubal-wood .storySequence,
  .qubal-textiles .storySequence,
  .qubal-nawales #nawals .nSection{background-image:none!important}

  .qubal-home .hubCategoryCard,
  .qubal-home .featuredCard,
  .qubal-coffee #journeys .collection,
  .qubal-coffee #individual-items .individualCard,
  .qubal-wood .woodCard,
  .qubal-textiles .woodCard,
  .qubal-nawales #nawals .offer,
  .qubal-nawales #nawals .nawalCard{box-shadow:0 8px 24px rgba(55,43,28,.08)}
}