/* KOMOREBI & KARAK - DARK MODE */
[data-theme="dark"] { --bg-atelier: #0d0b0a; --bg-surface: #171311; --bg-surface-glass: rgba(20, 16, 14, 0.86); --bg-warm-tint: #231b17; --text-primary: #f8f2eb; --text-secondary: #c9bea6; --text-muted: #8b8073; --color-saffron: #e27d3b; --color-amber-gold: #e2b35a; --color-kulhad-clay: #b56241; --color-leaf-green: #689f7f; --border-subtle: rgba(226, 179, 90, 0.12); --border-brass: rgba(226, 179, 90, 0.28); --shadow-subtle: 0 4px 28px -2px rgba(0, 0, 0, 0.45); --shadow-floating: 0 20px 48px -10px rgba(0, 0, 0, 0.75); --shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.6); --header-glass: rgba(15, 12, 10, 0.82); --ann-bg: #080706; color-scheme: dark; }
[data-theme="dark"] .announcement-bar { border-bottom: 1px solid rgba(226, 179, 90, 0.18); }
[data-theme="dark"] .header-container { border-bottom-color: rgba(226, 179, 90, 0.16); }
[data-theme="dark"] .atelier-header.scrolled .header-container {
  background: rgba(23, 19, 17, 0.92);
  border-bottom-color: rgba(226, 179, 90, 0.28);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
}
[data-theme="dark"] .brand-crest { background: rgba(226, 179, 90, 0.08); border-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .hamburger-bar { background-color: #f8f2eb; }
[data-theme="dark"] .dropdown-panel { background: #171311; border: 1px solid rgba(226, 179, 90, 0.32); box-shadow: 0 20px 48px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .dropdown-panel::after { background: #171311; border-color: rgba(226, 179, 90, 0.32); }
[data-theme="dark"] .dropdown-link-item:hover, [data-theme="dark"] .dropdown-link-item.active { background: #231b17; }
[data-theme="dark"] .menu-icon { background: rgba(226, 179, 90, 0.08); border-color: rgba(226, 179, 90, 0.18); }
[data-theme="dark"] .icon-btn:hover, [data-theme="dark"] .lang-switch:hover { background: rgba(226, 179, 90, 0.14); }
[data-theme="dark"] .seg.is-active { color: #0d0b0a; }
[data-theme="dark"] .action-icon-pill { background: rgba(226, 179, 90, 0.12); border-color: rgba(226, 179, 90, 0.22); color: #f8f2eb; }
[data-theme="dark"] .action-icon-pill:hover { background: rgba(226, 179, 90, 0.22); }
[data-theme="dark"] .drawer-nav-item .drawer-link.active,
[data-theme="dark"] .drawer-nav-item .drawer-link.is-active,
[data-theme="dark"] .drawer-sublink.active,
[data-theme="dark"] .drawer-sublink.is-active,
[data-theme="dark"] .drawer-sublink:hover,
[data-theme="dark"] .drawer-nav-item .drawer-link:hover { color: var(--color-amber-gold); }
[data-theme="dark"] .cta-sculpted-btn { color: #0d0b0a; box-shadow: 0 6px 20px -4px rgba(226, 125, 59, 0.5); }
[data-theme="dark"] .hero-backdrop-glow { background: radial-gradient(circle, rgba(226, 179, 90, 0.18), transparent 72%); }
[data-theme="dark"] .cta-ghost-btn { border-color: rgba(226, 179, 90, 0.4); color: #f8f2eb; }
[data-theme="dark"] .cta-ghost-btn:hover { background: #f8f2eb; color: #0d0b0a; }
/* ==========================================================================
   9. Menu Page — dark mode
   ========================================================================== */
[data-theme="dark"] .mx-section::before { background: radial-gradient(circle, rgba(226, 179, 90, 0.09), transparent 68%); }
[data-theme="dark"] .sec-eyebrow { color: var(--color-amber-gold); }
[data-theme="dark"] .mx-side {
  background: linear-gradient(175deg, rgba(23, 19, 17, 0.95) 0%, rgba(13, 11, 10, 0.92) 100%);
  border-color: rgba(226, 179, 90, 0.32);
  box-shadow: 0 24px 60px -16px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(226, 179, 90, 0.15) inset;
}
[data-theme="dark"] .menu-pdf .hero-link-icon { color: var(--color-amber-gold); }
[data-theme="dark"] .menu-pdf:hover .hero-link-icon { background: var(--color-amber-gold); color: #0d0b0a; }
[data-theme="dark"] .mx-filter::before { background: var(--color-amber-gold); }
[data-theme="dark"] .mx-filter.is-active {
  background: linear-gradient(135deg, rgba(226, 179, 90, 0.22) 0%, rgba(200, 104, 40, 0.15) 100%);
  border-color: rgba(226, 179, 90, 0.5);
  box-shadow: 0 6px 18px -4px rgba(0, 0, 0, 0.6), 0 0 14px rgba(226, 179, 90, 0.2);
}
[data-theme="dark"] .mx-filter.is-active, [data-theme="dark"] .mx-filter.is-active .mx-filter-count { color: var(--color-amber-gold); }
[data-theme="dark"] .mx-card { background: #171311; border-color: rgba(226, 179, 90, 0.14); box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.7); }
[data-theme="dark"] .mx-card:hover { border-color: rgba(226, 179, 90, 0.4); box-shadow: 0 24px 48px -14px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .mx-media img { filter: brightness(0.88) saturate(1.05); }
[data-theme="dark"] .mx-badge { background: rgba(15, 12, 10, 0.78); color: var(--color-amber-gold); }
[data-theme="dark"] .mx-price { color: var(--color-amber-gold); }
[data-theme="dark"] .mx-add { color: var(--color-amber-gold); }
[data-theme="dark"] .mx-add:hover { background: var(--color-amber-gold); color: #0d0b0a; }
[data-theme="dark"] .veg-dot { box-shadow: 0 0 0 3px rgba(104, 159, 127, 0.2); }
[data-theme="dark"] .sec-title em { color: var(--color-amber-gold); }
@media (max-width: 1024px) {
  [data-theme="dark"] .mx-filter { border-color: rgba(226, 179, 90, 0.28); }
  [data-theme="dark"] .mx-filter.is-active { background: var(--color-amber-gold); border-color: var(--color-amber-gold); color: #0d0b0a; }
  [data-theme="dark"] .mx-filter.is-active .mx-filter-count { color: rgba(13, 11, 10, 0.7); }
}

/* Signature section is already dark; deepen it slightly in night mode */
[data-theme="dark"] .sc-section { background: radial-gradient(ellipse at 12% 0%, rgba(226, 125, 59, 0.2), transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(226, 179, 90, 0.08), transparent 50%), #0d0a08; }
[data-theme="dark"] .sc-card { background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)); }
[data-theme="dark"] .sc-card:hover { border-color: rgba(226, 179, 90, 0.6); background: linear-gradient(180deg, rgba(255, 255, 255, 0.075) 0%, rgba(226, 125, 59, 0.08) 50%, rgba(255, 255, 255, 0.02) 100%); box-shadow: 0 32px 70px -16px rgba(0, 0, 0, 0.95), 0 0 36px -6px rgba(226, 179, 90, 0.26); }
[data-theme="dark"] .sc-medal-img img { filter: brightness(0.9) saturate(1.05); }

/* ==========================================================================
   13-15. Seasonal Specials, Customize Your Chai, Final CTA — dark mode
   ========================================================================== */
[data-theme="dark"] .ss-section::before { background: radial-gradient(circle, rgba(226, 179, 90, 0.08), transparent 68%); }
[data-theme="dark"] .ss-months { -webkit-text-stroke-color: rgba(226, 179, 90, 0.5); }
[data-theme="dark"] .ss-season, [data-theme="dark"] .ss-origin, [data-theme="dark"] .ss-price { color: var(--color-amber-gold); }
[data-theme="dark"] .ss-stop.is-live .ss-node { background: var(--color-amber-gold); border-color: var(--color-amber-gold); }
[data-theme="dark"] .ss-node { border-color: var(--color-amber-gold); }
[data-theme="dark"] .ss-photo img, [data-theme="dark"] .ss-ingredient img { filter: brightness(0.88) saturate(1.05); }
[data-theme="dark"] .ss-photo { box-shadow: 0 28px 60px -16px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .ss-line-fill { background: linear-gradient(180deg, var(--color-amber-gold), var(--color-saffron)); }

[data-theme="dark"] .cc-readout-label, [data-theme="dark"] .cc-total, [data-theme="dark"] .cc-step-value, [data-theme="dark"] .cc-dock-total, [data-theme="dark"] .cc-strength-chip b { color: var(--color-amber-gold); }
[data-theme="dark"] .cc-gauge-fill { stroke: var(--color-amber-gold); }
[data-theme="dark"] .cc-disc img { filter: brightness(0.9); }
[data-theme="dark"] .cc-tint { opacity: 0.45; }
[data-theme="dark"] .cc-pill-in { border-color: rgba(226, 179, 90, 0.28); }
[data-theme="dark"] .cc-pill:hover .cc-pill-in { border-color: var(--color-amber-gold); }
[data-theme="dark"] .cc-pill input:checked + .cc-pill-in { background: var(--color-amber-gold); border-color: var(--color-amber-gold); color: #0d0b0a; }
[data-theme="dark"] .cc-pill input:checked + .cc-pill-in small { color: rgba(13, 11, 10, 0.7); }
[data-theme="dark"] .cc-range { background: linear-gradient(to right, var(--color-amber-gold) 0 var(--fill, 50%), rgba(226, 179, 90, 0.2) var(--fill, 50%) 100%); }
[data-theme="dark"] .cc-range::-webkit-slider-thumb { background: var(--color-amber-gold); box-shadow: 0 0 0 1px var(--color-amber-gold), 0 6px 14px -3px rgba(0, 0, 0, 0.7); }
[data-theme="dark"] .cc-range::-moz-range-thumb { background: var(--color-amber-gold); box-shadow: 0 0 0 1px var(--color-amber-gold), 0 6px 14px -3px rgba(0, 0, 0, 0.7); }
[data-theme="dark"] .cc-spice-media { border-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .cc-spice input:checked + .cc-spice-media { box-shadow: 0 0 0 3px var(--bg-warm-tint), 0 0 0 5px var(--color-amber-gold); }
[data-theme="dark"] .cc-spice-tick { background: var(--color-amber-gold); color: #0d0b0a; }
[data-theme="dark"] .cc-orb-pop { box-shadow: 0 10px 22px -8px rgba(0, 0, 0, 0.8); }
[data-theme="dark"] .cc-dock { border-color: rgba(226, 179, 90, 0.32); box-shadow: 0 20px 48px rgba(0, 0, 0, 0.8); }

/* Final CTA is already dark; deepen it slightly at night */
[data-theme="dark"] .fc-section { background: radial-gradient(ellipse at 50% 0%, rgba(226, 125, 59, 0.2), transparent 55%), radial-gradient(ellipse at 50% 100%, rgba(226, 179, 90, 0.08), transparent 55%), #0b0807; }
[data-theme="dark"] .fc-orb { border-color: #0b0807; }
[data-theme="dark"] .fc-dome img { filter: brightness(0.9) saturate(1.05); }
[data-theme="dark"] .fc-dome::after { background: linear-gradient(180deg, rgba(11, 8, 7, 0.15), rgba(11, 8, 7, 0.25) 55%, rgba(11, 8, 7, 0.9) 100%), radial-gradient(circle at 50% 100%, rgba(226, 125, 59, 0.26), transparent 60%); }
[data-theme="dark"] .fc-live { background: rgba(11, 8, 7, 0.86); }

/* ==========================================================================
   19-21. Membership Tiers, Points Journey, Loyalty FAQ — dark mode
   ========================================================================== */
[data-theme="dark"] .mt-section::before { background: radial-gradient(circle, rgba(226, 179, 90, 0.09), transparent 68%); }
[data-theme="dark"] .fq-section::before { background: radial-gradient(circle, rgba(226, 125, 59, 0.08), transparent 68%); }
[data-theme="dark"] .mt-arch-photo, [data-theme="dark"] .fq-host-photo { box-shadow: 0 28px 60px -16px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .mt-arch-photo img, [data-theme="dark"] .fq-host-photo img { filter: brightness(0.88) saturate(1.05); }
[data-theme="dark"] .mt-arch-photo::after { border-color: rgba(248, 242, 235, 0.28); }
[data-theme="dark"] .mt-seal { color: #0d0b0a; box-shadow: 0 0 0 6px var(--bg-atelier), 0 14px 28px -8px rgba(0, 0, 0, 0.7); }
[data-theme="dark"] .mt-tier:nth-child(3) { --tone: var(--color-amber-gold); }
[data-theme="dark"] .pj-path-draw { stroke: var(--color-amber-gold); }
[data-theme="dark"] .pj-marker { color: #0d0b0a; background: linear-gradient(135deg, var(--color-amber-gold), var(--color-saffron)); box-shadow: 0 0 0 6px var(--bg-warm-tint), 0 14px 30px -8px rgba(0, 0, 0, 0.7); }
[data-theme="dark"] .pj-pts small { color: var(--color-amber-gold); }
[data-theme="dark"] .pj-node { box-shadow: 0 0 0 1px rgba(226, 179, 90, 0.3), 0 20px 44px -10px rgba(0, 0, 0, 0.8); }
[data-theme="dark"] .pj-stop.is-reached .pj-node { box-shadow: 0 0 0 2px var(--color-amber-gold), 0 20px 44px -10px rgba(0, 0, 0, 0.8); }
[data-theme="dark"] .pj-stop.is-reached .pj-node img { filter: brightness(0.9) saturate(1.05); }
[data-theme="dark"] .fq-host-chip { background: rgba(15, 12, 10, 0.82); }
[data-theme="dark"] .fq-host-chip svg { color: var(--color-amber-gold); }
[data-theme="dark"] .fq-tab.is-active, [data-theme="dark"] .fq-btn:hover .fq-qtext, [data-theme="dark"] .fq-item.is-open .fq-qtext, [data-theme="dark"] .fq-item.is-open .fq-no { color: var(--color-amber-gold); }
[data-theme="dark"] .fq-tab::after { background: var(--color-amber-gold); }
[data-theme="dark"] .fq-icon { border-color: rgba(226, 179, 90, 0.35); }
[data-theme="dark"] .fq-icon::before, [data-theme="dark"] .fq-icon::after { background: var(--color-amber-gold); }
[data-theme="dark"] .fq-item.is-open .fq-icon { background: var(--color-amber-gold); border-color: var(--color-amber-gold); }
[data-theme="dark"] .fq-item.is-open .fq-icon::before, [data-theme="dark"] .fq-item.is-open .fq-icon::after { background: #0d0b0a; }  

/* ==========================================================================
   19-21. Membership Tiers, Points Journey, Loyalty FAQ — RTL
   ========================================================================== */
html[dir="rtl"] .mt-label, html[dir="rtl"] .mt-req, html[dir="rtl"] .mt-rate span, html[dir="rtl"] .pj-pts small, html[dir="rtl"] .pj-marker small, html[dir="rtl"] .fq-no { letter-spacing: 0.06em; }
html[dir="rtl"] .mt-name, html[dir="rtl"] .mt-rate b, html[dir="rtl"] .pj-pts b, html[dir="rtl"] .pj-name, html[dir="rtl"] .pj-foot p, html[dir="rtl"] .fq-qtext { letter-spacing: 0; }
html[dir="rtl"] .mt-section .sec-title em, html[dir="rtl"] .pj-section .sec-title em, html[dir="rtl"] .fq-section .sec-title em { font-style: normal; }
html[dir="rtl"] .mt-tier .hero-link-icon svg, html[dir="rtl"] .pj-foot .hero-link-icon svg, html[dir="rtl"] .fq-contact .hero-link-icon svg { transform: scaleX(-1); }
html[dir="rtl"] .pj-node { border-radius: 0 50% 0 50%; }
html[dir="rtl"] .fq-host-photo { border-radius: 24px 24px 160px 24px; }
html[dir="rtl"] .fq-tab::after { transform-origin: right; }

/* ==========================================================================
   22-24. Our Story, Our Philosophy, The Art of Brewing — dark mode
   ========================================================================== */
[data-theme="dark"] .os-section::before { background: radial-gradient(circle, rgba(226, 179, 90, 0.08), transparent 68%); }
[data-theme="dark"] .os-ring { border-color: rgba(226, 179, 90, 0.7); }
[data-theme="dark"] .os-oval--main, [data-theme="dark"] .br-tray { box-shadow: 0 28px 60px -16px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .os-oval--small { box-shadow: 0 0 0 8px var(--bg-atelier), 0 20px 44px -10px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .os-oval img, [data-theme="dark"] .br-tray img { filter: brightness(0.88) saturate(1.05); }
[data-theme="dark"] .os-est, [data-theme="dark"] .br-chip { background: rgba(15, 12, 10, 0.82); }
[data-theme="dark"] .os-sign-role, [data-theme="dark"] .br-no, [data-theme="dark"] .br-tag { color: var(--color-amber-gold); }
[data-theme="dark"] .os-year { -webkit-text-stroke-color: rgba(226, 179, 90, 0.5); }
[data-theme="dark"] .os-row:hover .os-year { color: var(--color-amber-gold); -webkit-text-stroke-color: var(--color-amber-gold); }
[data-theme="dark"] .ph-section { background: #0b0807; }
[data-theme="dark"] .ph-bg img { filter: brightness(0.6) saturate(1.05); }
[data-theme="dark"] .ph-veil { background: linear-gradient(180deg, rgba(8, 6, 5, 0.94) 0%, rgba(8, 6, 5, 0.8) 45%, rgba(8, 6, 5, 0.95) 100%), radial-gradient(circle at 50% 40%, rgba(226, 125, 59, 0.24), transparent 60%); }
[data-theme="dark"] .br-chip svg { color: var(--color-amber-gold); }
[data-theme="dark"] .br-mark-track { -webkit-text-stroke-color: rgba(226, 179, 90, 0.45); }
[data-theme="dark"] .br-mark-track i { background: var(--color-amber-gold); }
[data-theme="dark"] .br-cta { color: #0d0b0a; }

/* ==========================================================================
   HOME 2 HERO — Dark mode
   ========================================================================== */
[data-theme="dark"] .cb-bg { background: radial-gradient(46% 56% at 82% 38%, rgba(226, 125, 59, 0.2), transparent 70%), radial-gradient(34% 44% at 6% 92%, rgba(104, 159, 127, 0.12), transparent 70%), linear-gradient(180deg, #0d0b0a 0%, #151110 100%); }
[data-theme="dark"] .cb-rings, [data-theme="dark"] .cb-rings::before, [data-theme="dark"] .cb-rings::after { border-color: rgba(226, 179, 90, 0.18); }
[data-theme="dark"] .cb-eyebrow { background: rgba(226, 179, 90, 0.08); }
[data-theme="dark"] .cb-link-icon { border-color: rgba(226, 179, 90, 0.4); color: var(--color-amber-gold); }
[data-theme="dark"] .cb-link:hover .cb-link-icon { background: var(--color-amber-gold); color: #0d0b0a; }
[data-theme="dark"] .cb-arch { box-shadow: 0 28px 60px -12px rgba(0, 0, 0, 0.8); }
[data-theme="dark"] .cb-arch-line { border-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .cb-seal { background: #171311; color: var(--color-amber-gold); border-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .cb-orb { border-color: #0d0b0a; }
[data-theme="dark"] .cb-chip { background: #1f2f26; color: #f8f2eb; border: 1px solid rgba(104, 159, 127, 0.45); }
[data-theme="dark"] .cb-chip-dot { background: var(--color-amber-gold); }
[data-theme="dark"] .cb-card { background: rgba(23, 19, 17, 0.82); border-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .cb-ring-fg { stroke: var(--color-amber-gold); }
[data-theme="dark"] .cb-card-label, [data-theme="dark"] .cb-step-no { color: var(--color-amber-gold); }
[data-theme="dark"] .cb-ribbon { background: rgba(20, 16, 14, 0.7); border-top-color: rgba(226, 179, 90, 0.28); }
[data-theme="dark"] .cb-step { border-inline-end-color: rgba(226, 179, 90, 0.12); }
@media (max-width: 1024px) {
  [data-theme="dark"] .cb-step:nth-child(n+3) { border-top-color: rgba(226, 179, 90, 0.12); }
}
/* ==========================================================================
   HOME 2 — Signature Blends · Art of Brewing · Explore Menu — Dark mode
   ========================================================================== */
[data-theme="dark"] .hs-ghost { -webkit-text-stroke-color: rgba(226, 179, 90, 0.16); opacity: 0.9; }
[data-theme="dark"] .hs-link { color: #f8f2eb; }
[data-theme="dark"] .hs-link-icon, [data-theme="dark"] .tp-arrow { border-color: rgba(226, 179, 90, 0.4); color: var(--color-amber-gold); }
[data-theme="dark"] .hs-link:hover .hs-link-icon, [data-theme="dark"] .tp-arrow:hover:not(:disabled) { background: var(--color-amber-gold); color: #0d0b0a; }

/* Signature blends */
[data-theme="dark"] .sb-node { background: var(--bg-atelier); }
[data-theme="dark"] .sb-path-bg { stroke: rgba(226, 179, 90, 0.22); }
[data-theme="dark"] .sb-path-fg, [data-theme="dark"] .sb-node.is-lit i { stroke: var(--color-amber-gold); }
[data-theme="dark"] .sb-node.is-lit i { background: var(--color-amber-gold); }
[data-theme="dark"] .sb-node.is-lit, [data-theme="dark"] .sb-node.is-lit::after { border-color: var(--color-amber-gold); }
[data-theme="dark"] .sb-shape { box-shadow: 0 28px 60px -14px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .sb-halo { border-color: rgba(226, 179, 90, 0.5); }
[data-theme="dark"] .sb-badge { outline-color: var(--bg-atelier); }
[data-theme="dark"] .sb-no { -webkit-text-stroke-color: var(--color-amber-gold); opacity: 0.55; }
[data-theme="dark"] .sb-notes li { border-color: rgba(226, 179, 90, 0.3); color: #c9bea6; }
[data-theme="dark"] .sb-meter i.on { background: var(--color-amber-gold); border-color: var(--color-amber-gold); }
[data-theme="dark"] .sb-foot { border-top-color: rgba(226, 179, 90, 0.14); }

/* Art of brewing */
[data-theme="dark"] .ac-sec::before, [data-theme="dark"] .ac-sec::after { background: var(--bg-atelier); }
[data-theme="dark"] .ac-arc, [data-theme="dark"] .ac-timer-fg { stroke: var(--color-amber-gold); }
[data-theme="dark"] .ac-pin { background: #171311; border-color: var(--color-amber-gold); color: var(--color-amber-gold); }
[data-theme="dark"] .ac-pin.is-on { background: var(--color-amber-gold); color: #0d0b0a; }
[data-theme="dark"] .ac-pin::after { border-color: var(--color-amber-gold); }
[data-theme="dark"] .ac-timer { background: #171311; box-shadow: 0 18px 40px -8px rgba(0, 0, 0, 0.8); }
[data-theme="dark"] .ac-kicker, [data-theme="dark"] .sb-origin, [data-theme="dark"] .tp-meta { color: var(--color-amber-gold); }
[data-theme="dark"] .ac-call.is-on::after { background: var(--color-amber-gold); }
[data-theme="dark"] .ac-call.is-on h3 { color: var(--color-amber-gold); }
[data-theme="dark"] .ac-call { border-top-color: rgba(226, 179, 90, 0.14); }

/* Explore menu */
[data-theme="dark"] .tp-chip { border-color: rgba(226, 179, 90, 0.3); color: #c9bea6; }
[data-theme="dark"] .tp-chip:hover { border-color: var(--color-amber-gold); color: var(--color-amber-gold); }
[data-theme="dark"] .tp-chip.is-active { color: #fff; }
[data-theme="dark"] .tp-chip-n { background: rgba(226, 179, 90, 0.14); }
[data-theme="dark"] .tp-disc { box-shadow: 0 28px 50px -14px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .tp-disc::before { border-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .tp-plate:hover .tp-disc::before { border-color: var(--color-amber-gold); }
[data-theme="dark"] .tp-price { outline-color: var(--bg-atelier); }
[data-theme="dark"] .tp-bar { background: var(--color-amber-gold); }
[data-theme="dark"] .tp-progress { background: rgba(226, 179, 90, 0.22); }
[data-theme="dark"] .tp-cta { background: linear-gradient(120deg, #142019 0%, #1c2d23 55%, #22382b 100%); border: 1px solid rgba(226, 179, 90, 0.22); }
[data-theme="dark"] .tp-cta-disc { border-color: var(--bg-atelier); }

/* ==========================================================================
   Customer stories · Visit our tea house — dark mode
   ========================================================================== */
[data-theme="dark"] .cs-sec::before { background: radial-gradient(closest-side, rgba(226, 125, 59, 0.16), transparent 72%); }
[data-theme="dark"] .vt-sec::before { background: radial-gradient(closest-side, rgba(226, 179, 90, 0.12), transparent 70%); }

/* Customer stories */
[data-theme="dark"] .cs-stars svg { fill: var(--color-amber-gold); }
[data-theme="dark"] .cs-halo { border-color: rgba(226, 179, 90, 0.28); }
[data-theme="dark"] .cs-fan::after, [data-theme="dark"] .vt-shadow { background: radial-gradient(closest-side, rgba(0, 0, 0, 0.7), transparent); }
[data-theme="dark"] .cs-leaf { filter: drop-shadow(0 22px 24px rgba(0, 0, 0, 0.7)); }
[data-theme="dark"] .cs-leaf-shape::after { background: rgba(13, 11, 10, 0.52); }
[data-theme="dark"] .cs-leaf-line path { stroke: rgba(226, 179, 90, 0.7); }
[data-theme="dark"] .cs-leaf.is-on .cs-leaf-line path, [data-theme="dark"] .cs-leaf:focus-visible .cs-leaf-line path { stroke: var(--color-amber-gold); }
[data-theme="dark"] .cs-hub { background: var(--bg-warm-tint); }
[data-theme="dark"] .cs-hub i { background: var(--color-amber-gold); }
[data-theme="dark"] .cs-hub::after { border-color: var(--color-amber-gold); }
[data-theme="dark"] .cs-qm { -webkit-text-stroke-color: var(--color-amber-gold); opacity: 0.55; }
[data-theme="dark"] .cs-quote em { color: var(--color-amber-gold); background-image: linear-gradient(transparent 82%, rgba(226, 179, 90, 0.26) 0); }
[data-theme="dark"] .cs-by::before { background: var(--color-amber-gold); }
[data-theme="dark"] .cs-order { border-top-color: rgba(226, 179, 90, 0.14); }
[data-theme="dark"] .cs-order svg { color: var(--color-amber-gold); }
[data-theme="dark"] .cs-nav { border-color: rgba(226, 179, 90, 0.3); color: var(--color-amber-gold); }
[data-theme="dark"] .cs-nav:hover { background: var(--color-amber-gold); color: #0d0b0a; }
[data-theme="dark"] .cs-prog { background: rgba(226, 179, 90, 0.22); }
[data-theme="dark"] .cs-prog i { background: var(--color-amber-gold); }

/* Visit our tea house */
[data-theme="dark"] .vt-live { border-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .vt-addr-k { color: var(--color-amber-gold); }
[data-theme="dark"] .vt-ledger, [data-theme="dark"] .vt-row { border-color: rgba(226, 179, 90, 0.14); }
[data-theme="dark"] .vt-lead { border-bottom-color: rgba(226, 179, 90, 0.34); }
[data-theme="dark"] .vt-row.is-now .vt-r-name b { color: var(--color-amber-gold); }
[data-theme="dark"] .vt-now { background: var(--color-amber-gold); color: #0d0b0a; }
[data-theme="dark"] .vt-contact a:hover { color: var(--color-amber-gold); }
[data-theme="dark"] .vt-kulhad { filter: drop-shadow(0 30px 30px rgba(0, 0, 0, 0.75)); }
[data-theme="dark"] .vt-kulhad-line .vt-rim { stroke: var(--color-amber-gold); }
[data-theme="dark"] .vt-capsule { border-color: var(--bg-atelier); }
[data-theme="dark"] .vt-float, [data-theme="dark"] .vt-map-chip { border-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .vt-float i { background: var(--color-amber-gold); }
[data-theme="dark"] .vt-mapwrap::before { border-color: rgba(226, 179, 90, 0.45); }
[data-theme="dark"] .vt-map { box-shadow: 0 28px 60px -14px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .vt-lane { stroke: #2f261f; }
[data-theme="dark"] .vt-park { opacity: 0.32; }
[data-theme="dark"] .vt-poi { fill: #171311; stroke: rgba(226, 179, 90, 0.4); }
[data-theme="dark"] .vt-poi-ic, [data-theme="dark"] .vt-poi-t { stroke: var(--color-amber-gold); }
[data-theme="dark"] .vt-poi-t { fill: var(--color-amber-gold); stroke: none; }
[data-theme="dark"] .vt-route-fg, [data-theme="dark"] .vt-pin-pulse { stroke: var(--color-amber-gold); }
[data-theme="dark"] .vt-pin-body { fill: var(--color-amber-gold); }
[data-theme="dark"] .vt-pin-dot { fill: #0d0b0a; }
[data-theme="dark"] .vt-walker { fill: #0d0b0a; stroke: var(--color-amber-gold); }
[data-theme="dark"] .vt-way-ic { border-color: rgba(226, 179, 90, 0.3); color: var(--color-amber-gold); }  

/* ==========================================================================
   Sip journey · Chai collection · Spice to steam — dark mode
   ========================================================================== */

/* A Journey Through Every Sip */
[data-theme="dark"] .sj-glass-line, [data-theme="dark"] .sj-saucer { stroke: var(--color-amber-gold); }
[data-theme="dark"] .sj-sh { fill: rgba(0, 0, 0, 0.7); }
[data-theme="dark"] .sj-gloss { opacity: 0.2; }
[data-theme="dark"] .sj-meter b { color: var(--color-amber-gold); }
[data-theme="dark"] .sj-note::after { border-top-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .sj-note.is-on::after { border-top-color: var(--color-amber-gold); }
[data-theme="dark"] .sj-ph::before { border-color: rgba(226, 179, 90, 0.5); }
[data-theme="dark"] .sj-ph-in { box-shadow: 0 28px 54px -14px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .sj-no { -webkit-text-stroke-color: var(--color-amber-gold); opacity: 0.55; }
[data-theme="dark"] .sj-tags li { border-color: rgba(226, 179, 90, 0.3); color: #c9bea6; }

/* Meet the Chai Collection */
[data-theme="dark"] .cl-jarwrap::after { background: linear-gradient(180deg, #7a5530, #3d2815); box-shadow: 0 16px 24px -8px rgba(0, 0, 0, 0.8); }
[data-theme="dark"] .cl-jar { filter: drop-shadow(0 18px 18px rgba(0, 0, 0, 0.7)); }
[data-theme="dark"] .cl-gloss { background: linear-gradient(100deg, rgba(255, 255, 255, 0.2) 0 12%, transparent 28%, transparent 76%, rgba(255, 255, 255, 0.07) 90%), linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.5)); }
[data-theme="dark"] .cl-label { background: #171311; border-color: var(--color-amber-gold); }
[data-theme="dark"] .cl-label b { color: var(--color-amber-gold); }
[data-theme="dark"] .cl-meter i { border-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .cl-meter i.on { background: var(--color-amber-gold); border-color: var(--color-amber-gold); }
[data-theme="dark"] .cl-add { border-color: rgba(226, 179, 90, 0.3); color: var(--color-amber-gold); }
[data-theme="dark"] .cl-add:hover { background: var(--color-amber-gold); color: #0d0b0a; }
[data-theme="dark"] .cl-hint svg { color: var(--color-amber-gold); }

/* From Spice to Steam */
[data-theme="dark"] .ss-stage { box-shadow: 0 -20px 44px -16px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .ss-stage--2 { --ss-bg: #1d1710; --ss-bg: color-mix(in srgb, var(--color-amber-gold) 10%, var(--bg-atelier)); }
[data-theme="dark"] .ss-stage--3 { --ss-bg: #121a15; --ss-bg: color-mix(in srgb, var(--color-leaf-green) 14%, var(--bg-atelier)); }
[data-theme="dark"] .ss-stage--4 { --ss-bg: #21150e; --ss-bg: color-mix(in srgb, var(--color-saffron) 13%, var(--bg-atelier)); }
[data-theme="dark"] .ss-dim { background: #000; }
[data-theme="dark"] .ss-ring { border-color: rgba(226, 179, 90, 0.4); }
[data-theme="dark"] .ss-halo { border-color: rgba(226, 179, 90, 0.5); }
[data-theme="dark"] .ss-clip, [data-theme="dark"] .ss-chip { box-shadow: 0 28px 54px -14px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .ss-time { border-color: rgba(226, 179, 90, 0.3); }
[data-theme="dark"] .ss-no { -webkit-text-stroke-color: var(--color-amber-gold); opacity: 0.5; }
[data-theme="dark"] .ss-step, [data-theme="dark"] .ss-facts b { color: var(--color-amber-gold); }
[data-theme="dark"] .ss-facts, [data-theme="dark"] .ss-end { border-top-color: rgba(226, 179, 90, 0.14); }  

/* HOME 2 — Find Your Perfect Chai · Ritual · Pairing — DARK */
[data-theme="dark"] .fy-seal { background: #231b17; color: var(--color-amber-gold); }
[data-theme="dark"] .fy-orb { background: var(--color-amber-gold); }
[data-theme="dark"] .fy-meter i.on { background: var(--color-amber-gold); }
[data-theme="dark"] .fy-shape::after { background: linear-gradient(160deg, rgba(255, 255, 255, 0.08), transparent 42%, rgba(0, 0, 0, 0.4)); }
[data-theme="dark"] .fy-mood-no { color: var(--color-amber-gold); }
[data-theme="dark"] .fy-mood.is-active .fy-mood-no, [data-theme="dark"] .fy-mood:hover .fy-mood-no { background: var(--color-amber-gold); border-color: var(--color-amber-gold); color: #0d0b0a; }
[data-theme="dark"] .fy-mood::after { background: var(--color-amber-gold); }
[data-theme="dark"] .fy-res { border-color: var(--color-amber-gold); }
[data-theme="dark"] .fy-tag, [data-theme="dark"] .cp-kicker, [data-theme="dark"] .cp-title em { color: var(--color-amber-gold); }
[data-theme="dark"] .fy-notes, [data-theme="dark"] .cp-why { color: #d9a27e; }

[data-theme="dark"] .rt-sec { background: #100d0b; }
[data-theme="dark"] .rt-mark { background: #100d0b; }
[data-theme="dark"] .rt-mark.is-active { background: #e2b35a; }
[data-theme="dark"] .rt-core { box-shadow: 0 0 0 8px #100d0b, 0 0 0 9px rgba(226, 179, 90, 0.45), 0 30px 70px -20px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .rt-sec .hs-link:hover .hs-link-icon { color: #100d0b; }

[data-theme="dark"] .cp-plus { background: var(--color-saffron); color: #fff; box-shadow: 0 0 0 7px var(--bg-atelier), 0 10px 28px -6px rgba(226, 125, 59, 0.5); }
[data-theme="dark"] .cp-disc { box-shadow: 0 0 0 8px var(--bg-atelier), 0 24px 50px -14px rgba(0, 0, 0, 0.8); }
@media (max-width: 767px) {
  [data-theme="dark"] .rt-core { box-shadow: 0 0 0 6px #100d0b, 0 0 0 7px rgba(226, 179, 90, 0.45), 0 24px 50px -16px rgba(0, 0, 0, 0.85); }
  [data-theme="dark"] .cp-disc { box-shadow: 0 0 0 6px var(--bg-atelier), 0 18px 40px -12px rgba(0, 0, 0, 0.8); }
}