/* ==========================================================
   KOMODO ORGANIC - WARM-LIGHT THEME (Option A)
   Drop-in: linked AFTER responsive.css. No markup edits.
   Repaints the content sections (Categories, Industries, Quality,
   Origins) to warm parchment while the hero, process band,
   private-label banner, final CTA and footer stay dark.
   Scoped entirely to the four section IDs - nothing else is touched.
   ========================================================== */

:is(#products, #industries, #quality, #origins) {
  background: #f6f1e6 !important;
  background-image:
    radial-gradient(ellipse 72% 46% at 50% 0%, rgba(45,106,79,0.055), transparent 62%),
    radial-gradient(ellipse 60% 40% at 100% 100%, rgba(212,146,10,0.05), transparent 60%) !important;
  position: relative;

  --ink:        #122a1a;
  --ink-soft:   #4d5a4f;
  --card:       #ffffff;
  --card-bd:    #e8e0cf;
  --card-bd-hi: #d7cdb4;
  --card-sh:    0 12px 34px rgba(20,40,25,0.07);
  --card-sh-hi: 0 20px 46px rgba(20,40,25,0.13);
}

:is(#products, #industries, #quality, #origins)::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212,146,10,0.22), transparent);
  z-index: 2;
}

:is(#products, #industries, #quality, #origins) .eyebrow        { color: var(--gold-800); }
:is(#products, #industries, #quality, #origins) .section-title  { color: var(--ink); }
:is(#products, #industries, #quality, #origins) .section-desc   { color: var(--ink-soft); }

:is(#products) .pcard           { background: var(--card); border-color: var(--card-bd); box-shadow: var(--card-sh); }
:is(#products) .pcard:hover     { background: #fff; border-color: var(--card-bd-hi); box-shadow: var(--card-sh-hi); }
:is(#products) .pcard-body h3   { color: var(--ink); }
:is(#products) .pcard-body p    { color: var(--ink-soft); }
:is(#products) .pcard-arrow     { color: var(--gold-700); }
:is(#products) .pcard-media img { filter: drop-shadow(0 12px 20px rgba(20,40,25,0.20)); }
:is(#products) .pcard-glow      { opacity: 0.5; filter: blur(16px); }

:is(#industries) .industry-card               { background: var(--card); border-color: var(--card-bd); box-shadow: var(--card-sh); }
:is(#industries) .industry-card:hover         { background: #fff; border-color: var(--card-bd-hi); box-shadow: var(--card-sh-hi); }
:is(#industries) .ic-icon                     { background: rgba(45,106,79,0.10); border-color: rgba(45,106,79,0.22); color: var(--green-600); }
:is(#industries) .industry-card:hover .ic-icon{ background: rgba(45,106,79,0.16); color: var(--green-700); }
:is(#industries) .ic-body h3                  { color: var(--ink); }
:is(#industries) .ic-body p                   { color: var(--ink-soft); }
:is(#industries) .ic-arrow                    { color: var(--gold-700); }

:is(#quality) .quality-content .section-desc  { color: var(--ink-soft); }
:is(#quality) .qf-item h4                     { color: var(--ink); }
:is(#quality) .qf-item p                      { color: var(--ink-soft); }
:is(#quality) .qf-dot                         { background: var(--gold-600); }
:is(#quality) .qb-card                        { background: var(--card); border-color: var(--card-bd); box-shadow: var(--card-sh); }
:is(#quality) .qb-card:hover                  { background: #fff; border-color: rgba(212,146,10,0.40); box-shadow: var(--card-sh-hi); }
:is(#quality) .qb-title                       { color: var(--ink); }
:is(#quality) .qb-sub                         { color: var(--neutral-500); }
:is(#quality) .qb-icon svg                    { color: var(--gold-700); }

:is(#origins) .origin-card                    { background: var(--card); border-color: var(--card-bd); box-shadow: var(--card-sh); }
:is(#origins) .origin-card:hover              { background: #fff; border-color: var(--card-bd-hi); box-shadow: var(--card-sh-hi); }
:is(#origins) .origin-body h3                 { color: var(--ink); }
:is(#origins) .origin-body p                  { color: var(--ink-soft); }
:is(#origins) .origin-line                    { background: rgba(20,40,25,0.08); }
:is(#origins) .origin-card--more              { background: #fbf8f1; }
:is(#origins) .origin-card--more .origin-body h3 { color: rgba(20,40,25,0.55); }

:is(#products, #industries, #quality, #origins) .btn-ghost       { color: var(--green-700); border-color: var(--green-700); background: transparent; }
:is(#products, #industries, #quality, #origins) .btn-ghost:hover { background: var(--green-700); color: #fff; }


/* -- Card tags: readable dark text on the light background -- */
:is(#products, #industries, #quality, #origins) .tag-green {
  background: rgba(45,106,79,0.14);
  color: var(--green-700);
  border-color: rgba(45,106,79,0.30);
}
:is(#products, #industries, #quality, #origins) .tag-gold {
  background: rgba(212,146,10,0.16);
  color: var(--gold-800);
  border-color: rgba(212,146,10,0.34);
}
:is(#products, #industries, #quality, #origins) .tag-light {
  background: rgba(20,40,25,0.06);
  color: var(--neutral-700);
  border-color: rgba(20,40,25,0.15);
}