/* ═══════════════════════════════════════════════════════
   DESIGN SYSTEM — Atmospheric Modernism
   Ink Black · Gilded Gold · Parchment Cream
   ═══════════════════════════════════════════════════════ */

/* ── Theme transition — applied during toggle, removed after ── */
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
  transition:
    background-color 0.4s cubic-bezier(0.22,1,0.36,1),
    color            0.4s cubic-bezier(0.22,1,0.36,1),
    border-color     0.4s cubic-bezier(0.22,1,0.36,1),
    box-shadow       0.4s cubic-bezier(0.22,1,0.36,1),
    fill             0.4s cubic-bezier(0.22,1,0.36,1),
    stroke           0.4s cubic-bezier(0.22,1,0.36,1) !important;
}

/* ── Theme toggle button ── */
#theme-toggle {
  position: relative; overflow: visible;
  background: none; border: none; cursor: pointer;
  padding: 4px; display: flex; align-items: center;
  color: var(--on-surface-variant);
  transition: color .2s;
}
#theme-toggle:hover { color: var(--primary); }

/* Show correct icon based on data-theme — no JS needed for initial state */
/* Dark mode (default): show moon, hide sun */
#icon-moon { display: inline-block; }
#icon-sun  { display: none; }
/* Light mode: show sun, hide moon */
[data-theme="light"] #icon-moon { display: none; }
[data-theme="light"] #icon-sun  { display: inline-block; }

#icon-moon, #icon-sun {
  transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s ease;
  transform-origin: center center;
}
#icon-moon.exiting { transform: rotate(-90deg) scale(0); opacity: 0; }
#icon-sun.exiting  { transform: rotate(90deg) scale(0);  opacity: 0; }
#icon-moon.entering-active { transform: rotate(0deg) scale(1); opacity: 1; }
#icon-sun.entering-active  { transform: rotate(0deg) scale(1); opacity: 1; }

:root {
  /* ── Brand Colours ── */
  --primary:        #f2ca50;
  --primary-dark:   #d4af37;
  --primary-light:  #ffe088;
  --on-primary:     #3c2f00;

  /* ── Surfaces ── */
  --surface:          #131313;
  --surface-dim:      #131313;
  --surface-bright:   #3a3939;
  --surface-lowest:   #0e0e0e;
  --surface-low:      #1c1b1b;
  --surface-mid:      #201f1f;
  --surface-high:     #2a2a2a;
  --surface-highest:  #353534;
  --surface-variant:  #353534;

  /* ── Text ── */
  --on-surface:         #e5e2e1;
  --on-surface-variant: #d0c5af;
  --on-background:      #e5e2e1;

  /* ── Utility ── */
  --outline:         #99907c;
  --outline-variant: #4d4635;
  --secondary:       #c7c7bc;
  --background:      #131313;

  /* ── Spacing ── */
  --space-xs:      4px;
  --space-sm:      8px;
  --space-md:      16px;
  --space-lg:      24px;
  --space-xl:      40px;
  --space-2xl:     64px;
  --space-3xl:     96px;
  --space-4xl:     128px;
  --margin-desktop: 80px;
  --margin-tablet:  40px;
  --margin-mobile:  20px;

  /* ── Navbar clearance (fixed navbar height: top bar + menu row) ── */
  --navbar-h: 115px;

  /* ── Border Radius (precision-led) ── */
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   6px;
  --radius-xl:   8px;
  --radius-full: 9999px;

  /* ── Tonal shadows (no drop shadows) ── */
  --shadow-sm:  0 0 0 1px rgba(242,202,80,.08);
  --shadow-md:  0 0 0 1px rgba(242,202,80,.12), 0 4px 24px rgba(0,0,0,.4);
  --shadow-lg:  0 0 0 1px rgba(242,202,80,.16), 0 8px 40px rgba(0,0,0,.6);

  /* ── Transitions ── */
  --ease:           cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring:    cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-cinematic: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast:  150ms;
  --duration:       300ms;
  --duration-slow:  600ms;
  --duration-cinema:1400ms;

  /* ── Typography ── */
  --font-display: 'Bodoni Moda', Georgia, serif;
  --font-body:    'Hanken Grotesk', 'Inter', sans-serif;
  --font:         'Hanken Grotesk', 'Inter', sans-serif;
  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.25rem;
  --font-size-2xl:  1.5rem;
  --font-size-3xl:  2rem;
  --font-size-4xl:  3rem;
  --font-size-5xl:  5rem;

  /* ── Z-index ── */
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-modal:    300;
  --z-toast:    400;
  --z-grain:    9999;

  /* ── Legacy aliases (admin panel compatibility) ── */
  --accent:       #f2ca50;
  --accent-dark:  #d4af37;
  --accent-light: #ffe088;
  --text:         #e5e2e1;
  --text-muted:   #d0c5af;
  --text-light:   #99907c;
  --bg:           #1c1b1b;
  --bg-white:     #201f1f;
  --border:       #4d4635;
  --border-light: #353534;
  --success:      #4ade80;
  --error:        #f87171;
  --warning:      #fbbf24;
}

/* ═══════════════════════════════════════════════════════
   LIGHT MODE — Artisanal Light (from Stitch mockup)
   Surface: #faf9f7 · Primary: #745b00 · Ink: #131313
   ═══════════════════════════════════════════════════════ */
[data-theme="light"] {
  /* ── From DESIGN.md color tokens ── */
  --primary:        #745b00;
  --primary-dark:   #574400;
  --primary-light:  #eac249;
  --on-primary:     #ffffff;

  --surface:          #faf9f7;
  --surface-dim:      #dadad8;
  --surface-bright:   #faf9f7;
  --surface-lowest:   #ffffff;
  --surface-low:      #f4f3f1;
  --surface-mid:      #efeeec;
  --surface-high:     #e9e8e6;
  --surface-highest:  #e3e2e0;
  --surface-variant:  #e3e2e0;
  --surface-warm:     #F2F0ED;

  --on-surface:         #1a1c1b;
  --on-surface-variant: #4d4635;
  --on-background:      #1a1c1b;

  --outline:         #7f7663;
  --outline-variant: #d0c5af;
  --secondary:       #605e5c;
  --background:      #faf9f7;

  /* Legacy aliases */
  --text:        #1a1c1b;
  --text-muted:  #4d4635;
  --text-light:  #7f7663;
  --bg:          #faf9f7;
  --bg-white:    #ffffff;
  --border:      #d0c5af;
  --border-light:#e3e2e0;
  --accent:      #745b00;
  --accent-dark: #574400;
  --accent-light:#eac249;
  --success:     #15803d;
  --error:       #ba1a1a;
  --warning:     #a16207;

  /* Ink / gold from mockup */
  --ink-deep:    #131313;
  --gold-muted:  #D4AC3B;
  --gold:        #f2ca50;
}

/* ══════════════════════════════════════════════════════
   LIGHT MODE COMPONENT OVERRIDES
   Exact palette: bg=#faf9f7, ink=#131313, primary=#745b00,
   gold-action=#f2ca50, surface-warm=#F2F0ED, secondary=#605e5c
   ══════════════════════════════════════════════════════ */

/* Base */
[data-theme="light"] body     { background: #faf9f7 !important; color: #1a1c1b; }
[data-theme="light"] .grain   { opacity: 0.012; filter: invert(1); }
[data-theme="light"] h1,[data-theme="light"] h2,
[data-theme="light"] h3,[data-theme="light"] h4,
[data-theme="light"] h5,[data-theme="light"] h6 { color: #131313; }
[data-theme="light"] p        { color: #4d4635; }
[data-theme="light"] a        { color: inherit; }

/* ── Navbar ── */
[data-theme="light"] .navbar {
  background: rgba(250,249,247,.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(208,197,175,.5) !important;
}
[data-theme="light"] .navbar.scrolled {
  background: rgba(250,249,247,.97) !important;
  border-color: rgba(127,118,99,.4) !important;
}
[data-theme="light"] .navbar__logo-text     { color: #131313 !important; }
[data-theme="light"] .navbar__logo-icon     { background: #f2ca50 !important; color: #131313 !important; }
[data-theme="light"] .navbar__menu-item     { color: #605e5c !important; }
[data-theme="light"] .navbar__menu-item:hover,
[data-theme="light"] .navbar__menu-item--active { color: #745b00 !important; }
[data-theme="light"] .navbar__menu-item--active { border-color: #745b00 !important; }
[data-theme="light"] .navbar__action        { color: #605e5c !important; }
[data-theme="light"] .navbar__action:hover  { color: #745b00 !important; }
[data-theme="light"] .navbar__search-trigger {
  background: rgba(239,238,236,.8) !important;
  border-color: rgba(208,197,175,.6) !important;
  color: #605e5c !important;
}
[data-theme="light"] .navbar__search-trigger:hover { color: #745b00 !important; }
[data-theme="light"] .navbar__badge         { background: #745b00 !important; }
/* RFQ button stays gold in light mode */
[data-theme="light"] .navbar__actions .btn--primary {
  background: #f2ca50 !important; color: #131313 !important;
  border-color: #f2ca50 !important;
}
[data-theme="light"] .badge-hot            { background: #745b00; color: #fff; }

/* ── Global search overlay ── */
[data-theme="light"] .gs-overlay           { background: rgba(250,249,247,.94); backdrop-filter: blur(24px); }
[data-theme="light"] .gs-panel             { background: #fff; border-color: rgba(208,197,175,.4); }
[data-theme="light"] .gs-bar__input        { color: #131313; }
[data-theme="light"] .gs-bar__input::placeholder { color: #7f7663; }
[data-theme="light"] .gs-bar__icon         { color: #7f7663; }
[data-theme="light"] .gs-bar__close        { color: #605e5c; }
[data-theme="light"] .gs-filter            { background: rgba(116,91,0,.06); color: #605e5c; border-color: rgba(208,197,175,.5); }
[data-theme="light"] .gs-filter.active     { background: rgba(116,91,0,.12); color: #745b00; border-color: rgba(116,91,0,.5); }
[data-theme="light"] .gs-tag               { background: #efeeec; color: #745b00; }
[data-theme="light"] .gs-result-item       { border-color: rgba(208,197,175,.3); }
[data-theme="light"] .gs-result-title      { color: #131313; }
[data-theme="light"] .gs-result-meta       { color: #7f7663; }
[data-theme="light"] .gs-hint__label       { color: #7f7663; }

/* ── Hero ── */
[data-theme="light"] .hero { background: #f4f3f1 !important; }
[data-theme="light"] .hero__overlay {
  background: linear-gradient(to bottom,rgba(250,249,247,.6) 0%,transparent 35%,rgba(244,243,241,.95) 100%);
}
[data-theme="light"] .hero__bg-img   { opacity: 0.35; filter: saturate(0.8); }
[data-theme="light"] .hero__title    { color: #131313 !important; }
[data-theme="light"] .hero__desc     { color: #4d4635; }
[data-theme="light"] .hero__tag      { background: rgba(116,91,0,.1); color: #745b00; border-color: rgba(116,91,0,.25); }
[data-theme="light"] .hero__stat strong { color: #745b00; }
[data-theme="light"] .hero__stat span   { color: #7f7663; }
[data-theme="light"] .hero__prev, [data-theme="light"] .hero__next {
  background: rgba(250,249,247,.88); color: #745b00; border-color: rgba(116,91,0,.3);
}
[data-theme="light"] .hero__dot      { background: rgba(116,91,0,.3); }
[data-theme="light"] .hero__dot.active { background: #745b00; }
[data-theme="light"] .hero__progress-track { background: rgba(116,91,0,.15); }
[data-theme="light"] .hero__progress-fill  { background: #745b00; }

/* ── Stats / sections ── */
[data-theme="light"] .stats-banner          { background: #fff; border-color: rgba(208,197,175,.35); }
[data-theme="light"] .section-header h2     { color: #131313; }
[data-theme="light"] .section-header p      { color: #605e5c; }
[data-theme="light"] .section-badge         { background: rgba(116,91,0,.08); color: #745b00; }
[data-theme="light"] .testimonial-card,
[data-theme="light"] .blog-card,
[data-theme="light"] .feature-card,
[data-theme="light"] .category-card         { background: #F2F0ED; border-color: rgba(208,197,175,.35); color: #131313; }
[data-theme="light"] .testimonial-card:hover,
[data-theme="light"] .blog-card:hover,
[data-theme="light"] .category-card:hover   { border-color: rgba(116,91,0,.4); box-shadow: 0 8px 24px rgba(116,91,0,.08); }

/* ── Product cards (pc — list/grid) ── */
[data-theme="light"] .pc { background: #F2F0ED !important; border-color: rgba(208,197,175,.35) !important; border-radius: 8px !important; }
[data-theme="light"] .pc:hover { border-color: rgba(116,91,0,.4) !important; box-shadow: 0 12px 32px rgba(116,91,0,.08) !important; transform: translateY(-4px) !important; }
[data-theme="light"] .pc__avatar { background: linear-gradient(135deg,#efeeec,#e3e2e0); color: rgba(116,91,0,.18); }
[data-theme="light"] .pc__body   { background: transparent !important; }
[data-theme="light"] .pc__vendor { color: #7f7663; }
[data-theme="light"] .pc__title a { color: #131313; }
[data-theme="light"] .pc__title a:hover { color: #745b00; }
[data-theme="light"] .pc__desc   { color: #605e5c; }
[data-theme="light"] .pc__moq    { color: #7f7663; }
[data-theme="light"] .pc__price  { color: #745b00 !important; }
[data-theme="light"] .pc__btn-view { color: #745b00; }
[data-theme="light"] .pc__wish   { background: rgba(250,249,247,.9); border-color: rgba(208,197,175,.5); color: #7f7663; }
[data-theme="light"] .pc__compare { background: rgba(250,249,247,.9); border-color: rgba(208,197,175,.5); color: #7f7663; }
[data-theme="light"] .pc__compare:hover { color: #745b00 !important; border-color: rgba(116,91,0,.5) !important; }
[data-theme="light"] .pc__add-cart { background: #f2ca50 !important; color: #131313 !important; }
[data-theme="light"] .fp-badge--export   { background: rgba(19,19,19,.8); color: #f2ca50; }
[data-theme="light"] .fp-badge--domestic { background: rgba(242,240,237,.9); color: #605e5c; border-color: rgba(208,197,175,.5); }

/* ── Product list page ── */
[data-theme="light"] .plp        { background: #faf9f7; }
[data-theme="light"] .plp-filter { background: #fff; border-color: rgba(208,197,175,.5); }
[data-theme="light"] .plp-fg     { border-color: rgba(208,197,175,.25); }
[data-theme="light"] .plp-fg__head:hover { background: rgba(116,91,0,.04); }
[data-theme="light"] .plp-fg__label { color: #605e5c; }
[data-theme="light"] .plp-fg.has-value .plp-fg__label { color: #745b00; }
[data-theme="light"] .plp-fg__input,
[data-theme="light"] .plp-fg__select { color: #131313; border-color: rgba(116,91,0,.25); background: transparent; }
[data-theme="light"] .plp-sort   { color: #131313; border-color: rgba(116,91,0,.25); background: transparent; }
[data-theme="light"] .plp-sort option { background: #fff; }
[data-theme="light"] .plp-count  { color: #605e5c; }
[data-theme="light"] .plp-count strong { color: #131313; }
[data-theme="light"] .plp-view-btn { border-color: rgba(208,197,175,.4); color: #7f7663; }
[data-theme="light"] .plp-view-btn.active,
[data-theme="light"] .plp-view-btn:hover { background: rgba(116,91,0,.08); border-color: rgba(116,91,0,.5); color: #745b00; }
[data-theme="light"] .plp-chip   { background: rgba(116,91,0,.08); border-color: rgba(116,91,0,.25); color: #745b00; }
[data-theme="light"] .plp-trade-pill { background: rgba(239,238,236,.8); border-color: rgba(208,197,175,.4); color: #605e5c; }
[data-theme="light"] .plp-trade-pill.active { background: rgba(116,91,0,.1); border-color: rgba(116,91,0,.5); color: #745b00; }
[data-theme="light"] .plp-empty h3 { color: #131313; }

/* ── Product detail page ── */
[data-theme="light"] .pd           { background: #faf9f7; }
[data-theme="light"] .pd-gallery__main { background: #efeeec; border-color: rgba(208,197,175,.3); }
[data-theme="light"] .pd-gallery__thumb { border-color: rgba(208,197,175,.4); }
[data-theme="light"] .pd-gallery__thumb.active,
[data-theme="light"] .pd-gallery__thumb:hover { border-color: #745b00; }
[data-theme="light"] .pd-vendor-tag { color: #745b00; }
[data-theme="light"] .pd-title     { color: #131313 !important; }
[data-theme="light"] .pd-price     { color: #745b00 !important; }
[data-theme="light"] .pd-price-orig { color: #7f7663; }
[data-theme="light"] .pd-discount  { background: rgba(116,91,0,.1); color: #745b00; border-color: rgba(116,91,0,.25); }
[data-theme="light"] .pd-divider   { background: rgba(208,197,175,.5); }
[data-theme="light"] .pd-spec-row  { border-color: rgba(208,197,175,.3); }
[data-theme="light"] .pd-spec-label { color: #7f7663; }
[data-theme="light"] .pd-spec-value { color: #131313; }
[data-theme="light"] .pd-qty       { border-color: rgba(208,197,175,.6); }
[data-theme="light"] .pd-qty__btn  { color: #131313; }
[data-theme="light"] .pd-qty__btn:hover { background: rgba(116,91,0,.08); }
[data-theme="light"] .pd-qty__input { color: #131313; border-color: rgba(208,197,175,.6); background: transparent; }
[data-theme="light"] .pd-wishlist-btn { border-color: rgba(208,197,175,.5); color: #7f7663; }
[data-theme="light"] .pd-wishlist-btn:hover { border-color: #ba1a1a; color: #ba1a1a; }
[data-theme="light"] .pd-delivery  { background: rgba(116,91,0,.04); border-color: rgba(116,91,0,.15); }
[data-theme="light"] .pd-delivery svg { color: #745b00; }
[data-theme="light"] .pd-delivery-text { color: #605e5c; }
[data-theme="light"] .pd-delivery-text strong { color: #131313; }
[data-theme="light"] .pd-tabs      { border-color: rgba(208,197,175,.4); }
[data-theme="light"] .pd-tab       { color: #7f7663; }
[data-theme="light"] .pd-tab.active { color: #745b00; border-color: #745b00; }
[data-theme="light"] .pd-desc      { color: #4d4635; }
[data-theme="light"] .pd-stars     { color: #745b00; }
[data-theme="light"] .pd-review-summary { border-color: rgba(208,197,175,.4); }
[data-theme="light"] .pd-avg-num   { color: #745b00; }
[data-theme="light"] .pd-avg-stars { color: #745b00; }
[data-theme="light"] .pd-rating-bar__fill { background: #745b00; }
[data-theme="light"] .pd-rating-bar__track { background: rgba(208,197,175,.4); }
[data-theme="light"] .pd-review-card { border-color: rgba(208,197,175,.35); background: #F2F0ED; }
[data-theme="light"] .pd-review-card__author { color: #131313; }
[data-theme="light"] .pd-review-card__stars  { color: #745b00; }
[data-theme="light"] .pd-review-card__body   { color: #4d4635; }
[data-theme="light"] .pd-review-form { background: rgba(116,91,0,.03); border-color: rgba(208,197,175,.4); }
[data-theme="light"] .pd-form-input,
[data-theme="light"] .pd-form-textarea { color: #131313; border-color: rgba(208,197,175,.6); background: transparent; }
[data-theme="light"] .pd-form-input:focus,
[data-theme="light"] .pd-form-textarea:focus { border-color: #745b00; }
[data-theme="light"] .pd-verified  { background: rgba(116,91,0,.1); color: #745b00; border-color: rgba(116,91,0,.25); }
[data-theme="light"] .pd-qa-item   { border-color: rgba(208,197,175,.35); background: #F2F0ED; }
[data-theme="light"] .pd-qa-item:hover { border-color: rgba(116,91,0,.3); }
[data-theme="light"] .pd-qa-item__q-text  { color: #131313; }
[data-theme="light"] .pd-qa-item__a       { background: rgba(116,91,0,.04); border-color: rgba(116,91,0,.2); }
[data-theme="light"] .pd-qa-item__a-text  { color: #4d4635; }
[data-theme="light"] .pd-qa-item__meta    { color: #7f7663; }
[data-theme="light"] .pd-vendor-card { border-color: rgba(208,197,175,.35); background: #F2F0ED; }
[data-theme="light"] .pd-vendor-name { color: #131313; }
[data-theme="light"] .pd-vendor-meta { color: #7f7663; }
[data-theme="light"] .pd-vendor-avatar { background: linear-gradient(135deg,#f2ca50,#D4AC3B); color: #131313; }
[data-theme="light"] .pd-mini-card { background: #F2F0ED; border-color: rgba(208,197,175,.35); }
[data-theme="light"] .pd-mini-card:hover { border-color: rgba(116,91,0,.4); transform: translateY(-3px); }
[data-theme="light"] .pd-mini-card__title { color: #131313; }
[data-theme="light"] .pd-mini-card__price { color: #745b00; }

/* ── Vendor store page ── */
[data-theme="light"] .vs           { background: #faf9f7; }
[data-theme="light"] .vs-sidebar   { background: #fff; border-color: rgba(208,197,175,.5); }
[data-theme="light"] .vs-vname     { color: #131313; }
[data-theme="light"] .vs-vlocation { color: #7f7663; }
[data-theme="light"] .vs-vdesc     { color: #605e5c; border-color: rgba(208,197,175,.3); }
[data-theme="light"] .vs-vbadge    { border-color: rgba(116,91,0,.3); color: #745b00; background: rgba(116,91,0,.06); }
[data-theme="light"] .vs-vendor-card { border-color: rgba(208,197,175,.35); }
[data-theme="light"] .vs-vstats .vs-vstat__num { color: #745b00; }
[data-theme="light"] .vs-vstats .vs-vstat__lbl { color: #7f7663; }
[data-theme="light"] .vs__inner .plp-fg__label  { color: #605e5c; }
[data-theme="light"] .vs__inner .plp-sort       { color: #131313; border-color: rgba(116,91,0,.25); }

/* ── Buttons ── */
[data-theme="light"] .btn--primary { background: #131313 !important; color: #faf9f7 !important; border-color: #131313 !important; }
[data-theme="light"] .btn--primary:hover { background: #745b00 !important; border-color: #745b00 !important; }
[data-theme="light"] .btn--outline  { border-color: #131313 !important; color: #131313 !important; }
[data-theme="light"] .btn--outline:hover { background: #131313 !important; color: #faf9f7 !important; }

/* ── Footer (stays dark in light mode per mockup) ── */
[data-theme="light"] .footer { background: #131313 !important; color: #faf9f7; }

/* ── Theme toggle ── */
[data-theme="light"] #theme-toggle { color: #7f7663; }
[data-theme="light"] #theme-toggle:hover { color: #745b00; }

/* ══════════════════════════════════════════════════════
   LIGHT MODE — SECTIONS (sections.css overrides)
   All hardcoded dark values → artisanal light palette
   bg=#faf9f7, surface-warm=#F2F0ED, ink=#131313,
   primary-gold=#745b00, secondary=#605e5c
   ══════════════════════════════════════════════════════ */

/* ── Stats Banner ── */
[data-theme="light"] .stats-banner { background: #ffffff; border-color: rgba(208,197,175,.35); }
[data-theme="light"] .stats-banner__item { border-color: rgba(208,197,175,.4); }
[data-theme="light"] .stats-banner__icon { background: rgba(116,91,0,.06); border-color: rgba(116,91,0,.15); color: #745b00; }
[data-theme="light"] .stats-banner__number { color: #131313; }
[data-theme="light"] .stats-banner__text span { color: #605e5c; }

/* ── Category cards ── */
[data-theme="light"] .category-card { background: #F2F0ED; border-color: rgba(208,197,175,.3); }
[data-theme="light"] .category-card:hover { background: rgba(116,91,0,.05); border-color: rgba(116,91,0,.4); box-shadow: 0 8px 28px rgba(116,91,0,.1); }
[data-theme="light"] .category-card__img { background: rgba(116,91,0,.06); border-color: rgba(116,91,0,.12); color: #745b00; }
[data-theme="light"] .category-card:hover .category-card__img { background: rgba(116,91,0,.12); }
[data-theme="light"] .category-card__body h3 { color: #131313; }
[data-theme="light"] .category-card__body span { color: #7f7663; }
[data-theme="light"] .category-card:hover .category-card__body span { color: #605e5c; }

/* ── Product section (fp) ── */
[data-theme="light"] .fp-eyebrow { color: #D4AC3B !important; }
[data-theme="light"] .fp-title   { color: #131313 !important; }
[data-theme="light"] .fp-tab     { color: #605e5c !important; border-color: rgba(208,197,175,.4) !important; background: #F2F0ED !important; }
[data-theme="light"] .fp-tab.active { background: #131313 !important; color: #faf9f7 !important; border-color: #131313 !important; }
[data-theme="light"] .fp-cta     { color: #745b00 !important; border-color: rgba(116,91,0,.4) !important; }
[data-theme="light"] .fp-cta:hover { background: #131313 !important; color: #faf9f7 !important; }
[data-theme="light"] .fp-badge--export   { background: rgba(19,19,19,.85); color: #f2ca50; }
[data-theme="light"] .fp-badge--domestic { background: rgba(242,240,237,.9); color: #605e5c; border-color: rgba(208,197,175,.5); }

/* ── Newsletter ── */
[data-theme="light"] .newsletter { background: #efeeec; border-color: rgba(208,197,175,.4); }
[data-theme="light"] .newsletter .section__header h2 { color: #131313; }
[data-theme="light"] .newsletter p { color: #605e5c; }
[data-theme="light"] .newsletter__form { background: #fff; border-color: rgba(208,197,175,.6); }
[data-theme="light"] .newsletter__form:focus-within { border-color: #745b00; }
[data-theme="light"] .newsletter__input { color: #131313; background: transparent; }
[data-theme="light"] .newsletter__input::placeholder { color: #7f7663; }
[data-theme="light"] .newsletter__btn { background: #131313; color: #faf9f7; }
[data-theme="light"] .newsletter__btn:hover { background: #745b00; }

/* ── Blog / Journal cards ── */
[data-theme="light"] .blog-grid,
[data-theme="light"] .journal-grid { background: transparent; }
[data-theme="light"] .blog-card,
[data-theme="light"] .journal-card { background: #F2F0ED !important; border-color: rgba(208,197,175,.35) !important; }
[data-theme="light"] .blog-card:hover,
[data-theme="light"] .journal-card:hover { border-color: rgba(116,91,0,.35) !important; box-shadow: 0 12px 32px rgba(116,91,0,.1) !important; }
[data-theme="light"] .blog-card__label,
[data-theme="light"] .journal-card__cat { color: #745b00 !important; background: rgba(116,91,0,.08) !important; }
[data-theme="light"] .blog-card__title,
[data-theme="light"] .journal-card__title,
[data-theme="light"] .journal-card__title a { color: #131313 !important; }
[data-theme="light"] .blog-card__excerpt,
[data-theme="light"] .journal-card__excerpt { color: #605e5c !important; }
[data-theme="light"] .journal-card__meta,
[data-theme="light"] .journal-card__date,
[data-theme="light"] .journal-card__author { color: #7f7663 !important; }
[data-theme="light"] .journal-card__dot  { background: #d0c5af !important; }
[data-theme="light"] .journal-card__cta,
[data-theme="light"] .journal-card__read { color: #745b00 !important; border-color: rgba(116,91,0,.3) !important; }
[data-theme="light"] .journal-eyebrow,
[data-theme="light"] .journal-head { color: #D4AC3B !important; }
[data-theme="light"] .journal-title { color: #131313 !important; }
[data-theme="light"] .journal-more  { color: #745b00 !important; border-color: rgba(116,91,0,.4) !important; }

/* ── Feature cards ── */
[data-theme="light"] .feature-card { background: #F2F0ED; border-color: rgba(208,197,175,.35); }
[data-theme="light"] .feature-card__icon  { background: rgba(116,91,0,.08); border-color: rgba(116,91,0,.15); color: #745b00; }
[data-theme="light"] .feature-card__title { color: #131313; }
[data-theme="light"] .feature-card__desc  { color: #605e5c; }

/* ── CTA cards ── */
[data-theme="light"] .cta-card { background: #F2F0ED; border-color: rgba(208,197,175,.4); }
[data-theme="light"] .cta-card__tag   { color: #D4AC3B; }
[data-theme="light"] .cta-card__title { color: #131313; }
[data-theme="light"] .cta-card__desc  { color: #605e5c; }
[data-theme="light"] .cta-card__body .btn { background: #131313; color: #faf9f7; border-color: #131313; }
[data-theme="light"] .cta-card__body .btn:hover { background: #745b00; border-color: #745b00; }
[data-theme="light"] .cta-card__icon  { color: #745b00; }
[data-theme="light"] .cta-card__orb   { background: rgba(116,91,0,.06); }
[data-theme="light"] .cta-card__beam  { background: linear-gradient(to right, transparent, rgba(116,91,0,.1), transparent); }

/* ── Promo banner ── */
[data-theme="light"] .promo-banner { background: #131313; } /* stays dark — high contrast per mockup */
[data-theme="light"] .promo-banner__label { color: #f2ca50; }
[data-theme="light"] .promo-banner__title { color: #faf9f7; }
[data-theme="light"] .promo-banner__overlay { background: rgba(19,19,19,.6); }

/* ── Region grid (rg) ── */
[data-theme="light"] .rg-eyebrow { color: #D4AC3B; }
[data-theme="light"] .rg-title   { color: #131313; }
[data-theme="light"] .rg-card    { border-color: rgba(208,197,175,.4); }
[data-theme="light"] .rg-card__bg-overlay { background: linear-gradient(to top, rgba(19,19,19,.7) 0%, transparent 60%); }
[data-theme="light"] .rg-card__name  { color: #faf9f7; } /* on image — keep light */
[data-theme="light"] .rg-card__count { color: rgba(250,249,247,.75); }
[data-theme="light"] .rg-card__icon  { color: #f2ca50; }
[data-theme="light"] .rg-more { color: #745b00; border-color: rgba(116,91,0,.4); }
[data-theme="light"] .rg-more:hover { background: #131313; color: #faf9f7; border-color: #131313; }

/* ── Testimonials (te) ── */
[data-theme="light"] .testimonials { background: #faf9f7; }
[data-theme="light"] .testimonial-card { background: #F2F0ED !important; border-color: rgba(208,197,175,.35) !important; }
[data-theme="light"] .testimonial-card:hover { border-color: rgba(116,91,0,.35) !important; }

/* ── Vendor cards ── */
[data-theme="light"] .vendor-card { background: #F2F0ED; border-color: rgba(208,197,175,.35); }
[data-theme="light"] .vendor-card:hover { border-color: rgba(116,91,0,.35); }
[data-theme="light"] .vendor-card__name { color: #131313; }
[data-theme="light"] .vendor-card__meta { color: #7f7663; }
[data-theme="light"] .vendor-card__tag  { background: rgba(116,91,0,.08); color: #745b00; }

/* ── Section backgrounds ── */
[data-theme="light"] .cta-section    { background: #efeeec; }
[data-theme="light"] .cta-section p  { color: #605e5c; }
[data-theme="light"] .cta-section h2 { color: #131313; }

/* ── New arrivals / promo tag ── */
[data-theme="light"] .new-arrivals-section { background: #faf9f7; }

/* ── Generic section text ── */
[data-theme="light"] section { background: #faf9f7; }
/* Prevent section override from affecting footer */
[data-theme="light"] footer { background: #131313 !important; }
[data-theme="light"] footer * { background: initial; }
[data-theme="light"] .footer { background: #131313 !important; color: #faf9f7; }
[data-theme="light"] .footer__col-label { color: rgba(250,249,247,.5); }
[data-theme="light"] .footer__link { color: rgba(250,249,247,.7); }
[data-theme="light"] .footer__link:hover { color: #f2ca50; }
[data-theme="light"] .footer__divider { border-color: rgba(250,249,247,.08); }
[data-theme="light"] .footer__bottom { border-color: rgba(250,249,247,.08); color: rgba(250,249,247,.4); }
[data-theme="light"] .footer__bottom a { color: rgba(250,249,247,.6); }

/* ── Hero overrides for light mode ── */
[data-theme="light"] .hero { background: #efeeec !important; }
[data-theme="light"] .hero__slide { background: #efeeec; }
[data-theme="light"] .hero__overlay {
  background: linear-gradient(
    to bottom,
    rgba(250,249,247,.55) 0%,
    rgba(244,243,241,.3) 40%,
    rgba(244,243,241,.88) 85%,
    rgba(244,243,241,.97) 100%
  ) !important;
}
[data-theme="light"] .hero__bg-img  { opacity: 0.38 !important; filter: saturate(0.75) !important; }
[data-theme="light"] .hero__tag     { background: rgba(116,91,0,.1); color: #745b00; border-color: rgba(116,91,0,.2); }
[data-theme="light"] .hero__title   { color: #131313 !important; text-shadow: none !important; }
[data-theme="light"] .hero__title em,
[data-theme="light"] .hero__title i  { color: #745b00 !important; }
[data-theme="light"] .hero__desc    { color: #4d4635 !important; }
[data-theme="light"] .hero__actions .btn--primary   { background: #131313 !important; color: #faf9f7 !important; border-color: #131313 !important; }
[data-theme="light"] .hero__actions .btn--outline   { border-color: #131313 !important; color: #131313 !important; }
[data-theme="light"] .hero__actions .btn--outline:hover { background: #131313 !important; color: #faf9f7 !important; }
[data-theme="light"] .hero__stat strong { color: #745b00 !important; }
[data-theme="light"] .hero__stat span   { color: #7f7663 !important; }
[data-theme="light"] .hero__stat-divider { background: rgba(116,91,0,.25) !important; }
[data-theme="light"] .hero__progress-track { background: rgba(116,91,0,.15) !important; }
[data-theme="light"] .hero__progress-fill  { background: #745b00 !important; }
[data-theme="light"] .hero__prev, [data-theme="light"] .hero__next {
  background: rgba(250,249,247,.88) !important; color: #745b00 !important;
  border-color: rgba(116,91,0,.3) !important;
}
[data-theme="light"] .hero__dot      { background: rgba(116,91,0,.25) !important; }
[data-theme="light"] .hero__dot--active { background: #745b00 !important; }
[data-theme="light"] #heroCurrentSlide { color: #745b00 !important; }

/* ── Effects / desktop-redesign overrides ── */
[data-theme="light"] .grain { display: none !important; }

/* ══════════════════════════════════════════════════════
   LIGHT MODE — DESKTOP-REDESIGN.CSS overrides
   These use !important to beat desktop-redesign's !important rules
   ══════════════════════════════════════════════════════ */

/* Hero stats (desktop-redesign hardcodes these) */
[data-theme="light"] .hero__stat strong { color: #131313 !important; }
[data-theme="light"] .hero__stat span   { color: #7f7663 !important; }
[data-theme="light"] .hero__stat-divider { background: rgba(116,91,0,.25) !important; }
[data-theme="light"] .hero__overlay { background: linear-gradient(to bottom, rgba(244,243,241,.5) 0%, rgba(244,243,241,.25) 30%, rgba(244,243,241,.88) 100%) !important; }

/* Journal/blog cards (desktop-redesign uses glass-bg var) */
[data-theme="light"] .journal-card,
[data-theme="light"] .journal-card[data-jcard] { background: #F2F0ED !important; border-color: rgba(208,197,175,.4) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
[data-theme="light"] .journal-card[data-jcard="1"] .journal-card__title,
[data-theme="light"] .journal-card[data-jcard="2"] .journal-card__title { color: #131313 !important; }
[data-theme="light"] .journal-card[data-jcard="1"] .journal-card__excerpt,
[data-theme="light"] .journal-card[data-jcard="2"] .journal-card__excerpt { color: #605e5c !important; }
[data-theme="light"] .journal-card[data-jcard="1"] .journal-card__cat,
[data-theme="light"] .journal-card[data-jcard="2"] .journal-card__cat { color: #745b00 !important; }
[data-theme="light"] .journal-card[data-jcard="1"] .journal-card__meta,
[data-theme="light"] .journal-card[data-jcard="2"] .journal-card__meta { color: #7f7663 !important; }
[data-theme="light"] .journal-card[data-jcard="1"] .journal-card__cta,
[data-theme="light"] .journal-card[data-jcard="2"] .journal-card__cta { color: #745b00 !important; border-color: rgba(116,91,0,.3) !important; }
[data-theme="light"] .journal-card.j-loaded .journal-card__title   { color: #131313 !important; }
[data-theme="light"] .journal-card.j-loaded .journal-card__excerpt { color: #605e5c !important; }
[data-theme="light"] .journal-card.j-loaded .journal-card__cat     { color: #745b00 !important; }
[data-theme="light"] .journal-card.j-loaded .journal-card__meta    { color: #7f7663 !important; }
[data-theme="light"] .journal-card.j-loaded .journal-card__cta     { color: #745b00 !important; border-color: rgba(116,91,0,.3) !important; }

/* Product card price (desktop-redesign forces gold) */
[data-theme="light"] .pc__price { color: #745b00 !important; font-family: 'JetBrains Mono', monospace !important; }

/* rg-card count (desktop-redesign forces gold) */
[data-theme="light"] .rg-card__count { color: rgba(250,249,247,.85) !important; } /* on image — keep visible */

/* pc card glass background */
[data-theme="light"] .pc { background: #F2F0ED !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* Feature / fp section backgrounds */
[data-theme="light"] .fp-grid .pc,
[data-theme="light"] .featured-products .pc { background: #F2F0ED !important; }

/* ── Footer (footer.css overrides) ── */
[data-theme="light"] .footer { background: #131313 !important; color: rgba(250,249,247,.65); }
[data-theme="light"] .footer__col-label { color: rgba(250,249,247,.45) !important; }
[data-theme="light"] .footer__link { color: rgba(250,249,247,.6) !important; }
[data-theme="light"] .footer__link:hover { color: #f2ca50 !important; }
[data-theme="light"] .footer__contact { color: rgba(250,249,247,.6) !important; }
[data-theme="light"] .footer__contact svg { color: #f2ca50 !important; }
[data-theme="light"] .footer__newsletter-form { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.1) !important; }
[data-theme="light"] .footer__newsletter-form input { color: #e5e2e1 !important; background: transparent !important; }
[data-theme="light"] .footer__newsletter-form input::placeholder { color: rgba(153,144,124,.4) !important; }
[data-theme="light"] .footer__divider { border-color: rgba(255,255,255,.08) !important; background: rgba(255,255,255,.05) !important; }
[data-theme="light"] .footer__bottom { color: #7f7663 !important; border-color: rgba(255,255,255,.08) !important; }
[data-theme="light"] .footer__bottom a { color: rgba(250,249,247,.55) !important; }

/* ── Blog section heading/eyebrow ── */
[data-theme="light"] .journal-eyebrow { color: #D4AC3B !important; }
[data-theme="light"] .journal-title   { color: #131313 !important; font-family: 'Bodoni Moda', serif !important; }
[data-theme="light"] .journal-more    { color: #745b00 !important; border-color: rgba(116,91,0,.4) !important; }
[data-theme="light"] .journal-more:hover { background: #131313 !important; color: #faf9f7 !important; }

/* ── Section backgrounds (generic page bg) ── */
[data-theme="light"] .home-page,
[data-theme="light"] .page-content { background: #faf9f7 !important; }

/* Desktop redesign removes sections from affecting body bg */
[data-theme="light"] body { background: #faf9f7 !important; }

/* ── Navbar light fixes (desktop-redesign !important overrides) ── */
[data-theme="light"] .navbar__logo-text { color: #131313 !important; }
[data-theme="light"] .navbar__logo { background: transparent !important; }
[data-theme="light"] .navbar__logo img { filter: none !important; }

/* Search trigger pill — light mode */
[data-theme="light"] .navbar__search-trigger {
  background: rgba(239,238,236,.9) !important;
  border-color: rgba(208,197,175,.6) !important;
  color: #7f7663 !important;
}
[data-theme="light"] .navbar__search-trigger svg { color: #7f7663 !important; }
[data-theme="light"] .navbar__search-trigger:hover {
  background: rgba(233,232,230,.95) !important;
  border-color: rgba(116,91,0,.45) !important;
  color: #745b00 !important;
}

/* Nav menu items (desktop-redesign forces dark colour) */
[data-theme="light"] .navbar__center-nav .navbar__menu-item { color: #605e5c !important; }
[data-theme="light"] .navbar__center-nav .navbar__menu-item:hover,
[data-theme="light"] .navbar__center-nav .navbar__menu-item--active { color: #745b00 !important; }
[data-theme="light"] .navbar__menu-item--active { border-color: #745b00 !important; }

/* HOT badge in nav */
[data-theme="light"] .badge-hot { background: #745b00 !important; color: #fff !important; }

/* Dropdown panel */
[data-theme="light"] .dropdown-panel { background: #fff !important; border-color: rgba(208,197,175,.5) !important; box-shadow: 0 8px 32px rgba(116,91,0,.1) !important; }
[data-theme="light"] .dropdown-panel__item { color: #4d4635 !important; }
[data-theme="light"] .dropdown-panel__item:hover { color: #745b00 !important; background: rgba(116,91,0,.05) !important; }