/* Qubal v210 — dark visual continuity for internal pages only.
   Visual color layer only. No layout, content, images, commerce, inventory,
   sizing, spacing, or responsive behavior is modified. */

:root{
  --q210-bg:#090a09;
  --q210-panel:#0d0e0c;
  --q210-panel-2:#11120f;
  --q210-ink:#eee9df;
  --q210-muted:#b7afa3;
  --q210-gold:#d49b4b;
  --q210-line:#33291f;
}

/* Keep the internal-page canvas in the same dark Qubal universe as Home. */
body{
  background:radial-gradient(circle at 50% 0,#1a1915 0,#090a09 42%)!important;
  color:var(--q210-ink)!important;
}

/* Category/page sections: dark canvas. Product cards themselves are intentionally
   left untouched so the cream product-card treatment from Home remains intact. */
.v195Section,
.qubal-coffee #inside,
.qubal-coffee #journeys,
.qubal-coffee #individual-items,
.qubal-coffee #cacao,
.qubal-nawales #nawals .nhero,
.qubal-nawales #nawals .nSection,
#wood.section,
#ceramics.section,
.storySequence,
.ceramicHistory,
.ceramicProcess,
.section.hubPolicies,
.section#sources{
  background:var(--q210-panel)!important;
  color:var(--q210-ink)!important;
  border-color:var(--q210-line)!important;
}

/* Slight rhythm variation without introducing a second color system. */
.qubal-coffee #journeys,
.qubal-coffee #individual-items,
.qubal-nawales #nawals .nSection:nth-of-type(even),
.storySequence,
.ceramicHistory{
  background:var(--q210-panel-2)!important;
}

/* Section headings and customer copy. */
.v195Section .v195Head h2,
.v195Section .v195Head h3,
.qubal-coffee #inside .head h2,
.qubal-coffee #journeys .head h2,
.qubal-coffee #cacao .head h2,
.qubal-coffee #individual-items .individualCategory,
.qubal-coffee #individual-items .chocolateHeading,
.qubal-nawales #nawals .nhero h2,
.qubal-nawales #nawals .nHead h3,
#wood.section .head h2,
#ceramics.section .head h2,
.storySequence h2,
.storySequence h3,
.ceramicHistory h2,
.ceramicHistory h3,
.ceramicProcess h2,
.ceramicProcess h3,
.section.hubPolicies .head h2,
.section#sources h2{
  color:var(--q210-ink)!important;
}

.v195Section .v195Head p,
.qubal-coffee #inside .head p,
.qubal-coffee #journeys .head p,
.qubal-coffee #cacao .head p,
.qubal-coffee #individual-items .individualLead,
.qubal-coffee #individual-items .seroBoxLead,
.qubal-nawales #nawals .nhero p,
.qubal-nawales #nawals .nHead p,
#wood.section .head p,
#ceramics.section .head p,
.storySequence p,
.ceramicHistory p,
.ceramicProcess p,
.section.hubPolicies .head p{
  color:var(--q210-muted)!important;
}

.v195Section .eyebrow,
.qubal-coffee #inside .eyebrow,
.qubal-coffee #journeys .eyebrow,
.qubal-coffee #individual-items .kicker,
.qubal-coffee #cacao .eyebrow,
.qubal-nawales #nawals .nkicker,
#wood.section .eyebrow,
#ceramics.section .eyebrow,
.storySequence .eyebrow,
.ceramicHistory .eyebrow,
.ceramicProcess .eyebrow,
.section.hubPolicies .eyebrow,
.section#sources .eyebrow{
  color:var(--q210-gold)!important;
}

/* Nawal informational facts stay as discrete cards, but on the dark system. */
.qubal-nawales #nawals .nhero .fact{
  background:#11120f!important;
  border-color:var(--q210-line)!important;
  color:var(--q210-ink)!important;
  box-shadow:none!important;
}
.qubal-nawales #nawals .nhero .fact b{color:var(--q210-gold)!important}
.qubal-nawales #nawals .nhero .fact span{color:var(--q210-muted)!important}

/* Policy/source containers on internal pages stay readable against dark canvas. */
.section.hubPolicies .hubPolicyGrid>div,
.section#sources .source,
.section#sources details.source{
  background:#0f100e!important;
  border-color:var(--q210-line)!important;
  color:var(--q210-muted)!important;
  box-shadow:none!important;
}
.section.hubPolicies .hubPolicyGrid b{color:#e8c38d!important}
.section.hubPolicies .hubPolicyGrid p{color:var(--q210-muted)!important}
.section#sources a{color:#d9ad70!important}