/* DARK MODE
   Active class: body.dark-mode
*/

body.dark-mode {
    --spice-primary: #A5B795;
    --spice-accent: #D6B87D;
    --spice-bg: #171D17;
    --spice-surface: #202820;
    --spice-text: #F0EFE5;
    --spice-muted: #B0B7A8;
    --spice-border: #384336;
    --spice-shadow: 0 8px 30px rgba(0, 0, 0, 0.22);
}

body.dark-mode .spice-logo-icon {
    background: #A5B795;
    color: #202820;
}

body.dark-mode .spice-nav a:hover,
body.dark-mode .spice-nav a.active {
    color: var(--spice-accent);
}

body.dark-mode .spice-icon-btn:hover {
    background: #A5B795;
    color: #202820;
    border-color: #A5B795;
}

body.dark-mode .spice-cta {
    background: #A5B795;
    color: #202820;
    border-color: #A5B795;
}

body.dark-mode .spice-cta:hover {
    background: transparent;
    color: var(--spice-text);
}

body.dark-mode .spice-nav {
    background: var(--spice-surface);
    border-color: var(--spice-border);
}


/* FOOTER DARK MODE */

body.dark-mode .spice-footer {
    --footer-bg: #141A14;
    --footer-surface: #202820;
    --footer-heading: #F0EFE5;
    --footer-text: #B8C0B2;
    --footer-accent: #D6B87D;
    --footer-border: rgba(255, 255, 255, 0.12);
}

body.dark-mode .spice-footer-logo-icon {
    background: var(--footer-accent);
    color: #202820;
}

body.dark-mode .spice-footer-socials a:hover,
body.dark-mode .spice-footer-back-top:hover {
    background: var(--footer-accent);
    border-color: var(--footer-accent);
    color: #202820;
}

body.dark-mode .spice-footer-contact-cta:hover {
    background: var(--footer-accent);
    border-color: var(--footer-accent);
    color: #202820;
}


/* SPICE LUXE DARK MODE */

body.dark-mode .spice-luxe-hero {
    --luxe-gold: #D9BD83;
    --luxe-cream: #F5F0E4;
    --luxe-green: #202B20;
}

body.dark-mode .spice-luxe-shade {
    background:
        linear-gradient(
            90deg,
            rgba(8, 13, 9, 0.84),
            rgba(10, 15, 10, 0.72),
            rgba(8, 13, 9, 0.84)
        ),
        linear-gradient(
            0deg,
            rgba(8, 13, 9, 0.5),
            transparent 40%
        );
}

body.dark-mode .spice-luxe-button {
    background: var(--luxe-gold);
    border-color: var(--luxe-gold);
    color: #202820;
}

body.dark-mode .spice-luxe-button:hover {
    background: transparent;
    color: var(--luxe-cream);
}

body.dark-mode .spice-luxe-frame {
    border-color: rgba(217, 189, 131, 0.4);
}


/* ==========================================
   SIGNATURE COLLECTION - DARK MODE
========================================== */

.dark-mode .spice-collection-v2,
body.dark-mode .spice-collection-v2,
[data-theme="dark"] .spice-collection-v2 {
    --scv2-bg: var(--spice-bg);
    --scv2-card: var(--spice-surface);
    --scv2-text: var(--spice-text);
    --scv2-muted: var(--spice-muted);
    --scv2-accent: var(--spice-accent);
    --scv2-border: var(--spice-border);
}

.dark-mode .spice-collection-v2__image,
body.dark-mode .spice-collection-v2__image,
[data-theme="dark"] .spice-collection-v2__image {
    background: var(--spice-surface);
}

.dark-mode .spice-collection-v2__number,
body.dark-mode .spice-collection-v2__number,
[data-theme="dark"] .spice-collection-v2__number {
    background: rgba(0, 0, 0, 0.55);
}

.dark-mode .spice-collection-v2__card:hover,
body.dark-mode .spice-collection-v2__card:hover,
[data-theme="dark"] .spice-collection-v2__card:hover {
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.2);
}


/* ==========================================
   FARM TO FLAVOUR - DARK MODE
========================================== */

.dark-mode .spice-journey,
body.dark-mode .spice-journey,
[data-theme="dark"] .spice-journey {
    --sj-bg: #191b16;
    --sj-text: #f3eee2;
    --sj-muted: #c2bdaf;
    --sj-accent: #c1a56c;
    --sj-border: rgba(235, 226, 204, 0.19);
}

/* IMAGE PANEL */

.dark-mode .spice-journey__visual,
body.dark-mode .spice-journey__visual,
[data-theme="dark"] .spice-journey__visual {
    background: #302e25;
}

/* IMAGE CAPTION */

.dark-mode .spice-journey__image-caption,
body.dark-mode .spice-journey__image-caption,
[data-theme="dark"] .spice-journey__image-caption {
    background: rgba(29, 30, 24, 0.96);
    color: #f3eee2;
}

.dark-mode .spice-journey__image-caption p,
body.dark-mode .spice-journey__image-caption p,
[data-theme="dark"] .spice-journey__image-caption p {
    color: #c2bdaf;
}

.dark-mode .spice-journey__caption-mark,
body.dark-mode .spice-journey__caption-mark,
[data-theme="dark"] .spice-journey__caption-mark {
    border-color: rgba(193, 165, 108, 0.55);
    color: #c1a56c;
}

/* ==========================================
   BUTTON - DARK MODE NORMAL STATE
========================================== */

.dark-mode .spice-journey__button,
body.dark-mode .spice-journey__button,
[data-theme="dark"] .spice-journey__button {
    background: #c1a56c !important;
    border: 1px solid #c1a56c !important;
    color: #191b16 !important;
    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.dark-mode .spice-journey__button span,
body.dark-mode .spice-journey__button span,
[data-theme="dark"] .spice-journey__button span {
    color: #191b16 !important;
}

/* ==========================================
   BUTTON - DARK MODE HOVER STATE
========================================== */

.dark-mode .spice-journey__button:hover,
.dark-mode .spice-journey__button:focus-visible,
body.dark-mode .spice-journey__button:hover,
body.dark-mode .spice-journey__button:focus-visible,
[data-theme="dark"] .spice-journey__button:hover,
[data-theme="dark"] .spice-journey__button:focus-visible {
    background: transparent !important;
    border-color: #c1a56c !important;
    color: #e2c994 !important;
    box-shadow: 0 0 0 3px rgba(193, 165, 108, 0.12);
}

.dark-mode .spice-journey__button:hover span,
.dark-mode .spice-journey__button:focus-visible span,
body.dark-mode .spice-journey__button:hover span,
body.dark-mode .spice-journey__button:focus-visible span,
[data-theme="dark"] .spice-journey__button:hover span,
[data-theme="dark"] .spice-journey__button:focus-visible span {
    color: #e2c994 !important;
}

/* ==========================================
   PROCESS STEP NUMBERS
========================================== */

.dark-mode .spice-journey__step-number,
body.dark-mode .spice-journey__step-number,
[data-theme="dark"] .spice-journey__step-number {
    border-color: rgba(193, 165, 108, 0.35);
    color: #c1a56c;
}

/* BOTTOM LABEL */

.dark-mode .spice-journey__bottom-mark,
body.dark-mode .spice-journey__bottom-mark,
[data-theme="dark"] .spice-journey__bottom-mark {
    color: #c2bdaf;
}


/* =====================================
   SPICE EXPERIENCE - DARK MODE
===================================== */

.dark-mode .spice-experience,
body.dark-mode .spice-experience,
[data-theme="dark"] .spice-experience {
    --se-bg: var(--spice-bg);
    --se-card: var(--spice-surface);
    --se-text: var(--spice-text);
    --se-muted: var(--spice-muted);
    --se-accent: var(--spice-accent);
    --se-border: var(--spice-border);

    background: var(--se-bg);
    color: var(--se-text);
}

.dark-mode .spice-experience__card:hover,
body.dark-mode .spice-experience__card:hover,
[data-theme="dark"] .spice-experience__card:hover {
    border-color: var(--se-accent);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
}

.dark-mode .spice-experience__card:hover .spice-experience__icon,
body.dark-mode .spice-experience__card:hover .spice-experience__icon,
[data-theme="dark"] .spice-experience__card:hover .spice-experience__icon {
    color: var(--se-bg);
    background: var(--se-accent);
}

.dark-mode .spice-experience__link,
body.dark-mode .spice-experience__link,
[data-theme="dark"] .spice-experience__link {
    color: var(--se-text);
}

.dark-mode .spice-experience__link:hover,
body.dark-mode .spice-experience__link:hover,
[data-theme="dark"] .spice-experience__link:hover {
    color: var(--se-accent);
}


/* ==========================================
   HERITAGE BLENDS - DARK MODE
========================================== */

.dark-mode .heritage-blends,
body.dark-mode .heritage-blends,
[data-theme="dark"] .heritage-blends {
    --hb-bg: var(--spice-bg);
    --hb-paper: var(--spice-surface);
    --hb-text: var(--spice-text);
    --hb-muted: var(--spice-muted);
    --hb-gold: var(--spice-accent);
    --hb-border: var(--spice-border);

    background: var(--hb-bg);
    color: var(--hb-text);
}

.dark-mode .heritage-blends__button,
body.dark-mode .heritage-blends__button,
[data-theme="dark"] .heritage-blends__button {
    color: var(--spice-surface);
    background: var(--spice-primary);
    border-color: var(--spice-primary);
}

.dark-mode .heritage-blends__button span,
body.dark-mode .heritage-blends__button span,
[data-theme="dark"] .heritage-blends__button span {
    color: var(--spice-surface);
}

.dark-mode .heritage-blends__button:hover,
body.dark-mode .heritage-blends__button:hover,
[data-theme="dark"] .heritage-blends__button:hover {
    color: var(--hb-text);
    background: transparent;
    border-color: var(--hb-gold);
}

.dark-mode .heritage-blends__button:hover span,
body.dark-mode .heritage-blends__button:hover span,
[data-theme="dark"] .heritage-blends__button:hover span {
    color: var(--hb-gold);
}


/* ==========================================
   SPICE RITUALS - DARK MODE
========================================== */

.dark-mode .spice-rituals,
body.dark-mode .spice-rituals,
[data-theme="dark"] .spice-rituals {
    --sr-bg: var(--spice-bg);
    --sr-text: var(--spice-text);
    --sr-muted: var(--spice-muted);
    --sr-accent: var(--spice-accent);
    --sr-border: var(--spice-border);
    --sr-panel: var(--spice-surface);

    background: var(--sr-bg);
    color: var(--sr-text);
}

.dark-mode .spice-rituals__button,
body.dark-mode .spice-rituals__button,
[data-theme="dark"] .spice-rituals__button {
    color: var(--spice-surface);
    background: var(--spice-primary);
    border-color: var(--spice-primary);
}

.dark-mode .spice-rituals__button span,
body.dark-mode .spice-rituals__button span,
[data-theme="dark"] .spice-rituals__button span {
    color: var(--spice-surface);
}

.dark-mode .spice-rituals__button:hover,
body.dark-mode .spice-rituals__button:hover,
[data-theme="dark"] .spice-rituals__button:hover {
    color: var(--sr-text);
    background: transparent;
    border-color: var(--sr-accent);
}

.dark-mode .spice-rituals__button:hover span,
body.dark-mode .spice-rituals__button:hover span,
[data-theme="dark"] .spice-rituals__button:hover span {
    color: var(--sr-accent);
}

/* SPICE ORIGIN — DARK MODE */

.dark-mode .spice-origin,
[data-theme="dark"] .spice-origin,
body.dark .spice-origin {
    
    background: var(--sr-bg);
    --so-text: #F4EEE5;
    --so-muted: #B9B0A4;
    --so-accent: #DDB699;
    --so-line: rgba(221, 182, 153, 0.22);
}

.dark-mode .spice-origin__header h2 span,
[data-theme="dark"] .spice-origin__header h2 span,
body.dark .spice-origin__header h2 span {
    color: #DDB699;
}

.dark-mode .spice-origin__link,
[data-theme="dark"] .spice-origin__link,
body.dark .spice-origin__link {
    color: #F4EEE5;
}

.dark-mode .spice-origin__link:hover,
[data-theme="dark"] .spice-origin__link:hover,
body.dark .spice-origin__link:hover {
    color: #DDB699;
}

/* SPICE OFFERS — DARK MODE */

.dark-mode .spice-offers,
.spice-offers.dark-mode {
    --so-bg: #201d19;
    --so-text: #f2e9dd;
    --so-muted: #b2a597;
    --so-accent: #d4b18c;
    --so-line: rgba(242, 233, 221, 0.16);

    background: var(--sr-bg);
    color: var(--so-text);
}

.dark-mode .so-main-offer,
.spice-offers.dark-mode .so-main-offer {
        background: var(--sr-bg);
}

.dark-mode .so-main-content h3,
.spice-offers.dark-mode .so-main-content h3 {
    color: #f2e9dd;
}

.dark-mode .so-main-content p,
.spice-offers.dark-mode .so-main-content p {
    color: #c9b9a7;
}

.dark-mode .so-button,
.spice-offers.dark-mode .so-button {
       background: var(--sr-bg);
    color: #201d19;
}

.dark-mode .so-button:hover,
.spice-offers.dark-mode .so-button:hover {
       background: var(--sr-bg);
}

.dark-mode .so-deal-dark,
.spice-offers.dark-mode .so-deal-dark {
      background: var(--sr-bg);
}

.dark-mode .so-deal-light,
.spice-offers.dark-mode .so-deal-light {
        background: var(--sr-bg);
    color: #f2e9dd;
}


/* Existing website dark-mode palette */

.dark-mode .spice-kitchen-story,
.spice-kitchen-story.dark-mode {
   background: var(--sr-bg);
    --sks-text: #F3EBDD;
    --sks-muted: #B7B09F;
    --sks-accent: #C6A56B;
    --sks-border: #201d19;
}

.dark-mode .sks-image-detail,
.dark-mode .sks-round-stamp,
.spice-kitchen-story.dark-mode .sks-image-detail,
.spice-kitchen-story.dark-mode .sks-round-stamp {
     --sks-bg: #191b16;
}

.dark-mode .sks-button:hover,
.spice-kitchen-story.dark-mode .sks-button:hover {
    background: var(--sks-accent);
    color: #201F19;
}

/* FINAL SECTION — DARK MODE */

.dark-mode .spice-reserve,
.spice-reserve.dark-mode {
    --sr-bg: #141A14;
    --sr-text: #F3EBDD;
    --sr-muted: #B7B09F;
    --sr-accent: #C6A56B;
    --sr-border: #403C31;
    --sr-surface: #2D2A22;

    background: var(--sr-bg);
    color: var(--sr-text);
}

.dark-mode .spice-reserve .sr-image-note,
.spice-reserve.dark-mode .sr-image-note {
    background: var(--sr-bg);
    border-color: var(--sr-border);
}

.dark-mode .spice-reserve .sr-left h2,
.dark-mode .spice-reserve .sr-note-title,
.spice-reserve.dark-mode .sr-left h2,
.spice-reserve.dark-mode .sr-note-title {
    color: var(--sr-text);
}

.dark-mode .spice-reserve .sr-input-wrap input,
.spice-reserve.dark-mode .sr-input-wrap input {
    color: var(--sr-text);
}

.dark-mode .spice-reserve .sr-input-wrap button,
.spice-reserve.dark-mode .sr-input-wrap button {
    background: var(--sr-surface);
    color: var(--sr-text);
    border-color: var(--sr-accent);
}

.dark-mode .spice-reserve .sr-input-wrap button:hover,
.spice-reserve.dark-mode .sr-input-wrap button:hover {
    background: var(--sr-accent);
    color: #201F19;
}

/* Dark mode section background standard */
.dark-mode .spice-reserve {
    background: var(--sr-bg);
}


/* PRODUCTS BANNER - DARK MODE */

.dark-mode .spice-products-banner__overlay,
[data-theme="dark"] .spice-products-banner__overlay,
body.dark .spice-products-banner__overlay {
    background: linear-gradient(
        90deg,
        rgba(15, 13, 11, 0.84),
        rgba(15, 13, 11, 0.58),
        rgba(15, 13, 11, 0.80)
    );
}


/* PRODUCTS BY CATEGORY - DARK MODE */

.dark-mode .spice-category,
[data-theme="dark"] .spice-category,
body.dark .spice-category {
    --sct-bg: #141A14;
    --sct-text: #F2EDE5;
    --sct-muted: #B9B0A4;
    --sct-accent: #DDB699;
    --sct-border: rgba(221, 182, 153, 0.22);

    background-color: #141A14;
    color: var(--sct-text);
}

.dark-mode .spice-category__tag,
[data-theme="dark"] .spice-category__tag,
body.dark .spice-category__tag,
.dark-mode .spice-category__heading h2 span,
[data-theme="dark"] .spice-category__heading h2 span,
body.dark .spice-category__heading h2 span {
    color: #DDB699;
}

.dark-mode .spice-category__heading h2,
[data-theme="dark"] .spice-category__heading h2,
body.dark .spice-category__heading h2,
.dark-mode .spice-category__info h3,
[data-theme="dark"] .spice-category__info h3,
body.dark .spice-category__info h3 {
    color: #F2EDE5;
}

.dark-mode .spice-category__intro,
[data-theme="dark"] .spice-category__intro,
body.dark .spice-category__intro,
.dark-mode .spice-category__info p,
[data-theme="dark"] .spice-category__info p,
body.dark .spice-category__info p,
.dark-mode .spice-category__footer,
[data-theme="dark"] .spice-category__footer,
body.dark .spice-category__footer {
    color: #B9B0A4;
}

.dark-mode .spice-category__item:hover .spice-category__arrow,
[data-theme="dark"] .spice-category__item:hover .spice-category__arrow,
body.dark .spice-category__item:hover .spice-category__arrow {
    background: #DDB699;
    border-color: #DDB699;
    color: #191b16;
}



/* DARK MODE - SPICE EXPERIENCE */

.dark-mode .spice-experience,
[data-theme="dark"] .spice-experience,
body.dark .spice-experience {
    --sex-bg: #191b16;
    --sex-text: #F2EDE5;
    --sex-muted: #B9B0A4;
    --sex-accent: #DDB699;
    --sex-border: rgba(221, 182, 153, 0.22);

    background: #191b16;
    color: #F2EDE5;
}

.dark-mode .spice-experience__content h2,
[data-theme="dark"] .spice-experience__content h2,
body.dark .spice-experience__content h2,
.dark-mode .spice-experience__feature h3,
[data-theme="dark"] .spice-experience__feature h3,
body.dark .spice-experience__feature h3 {
    color: #F2EDE5;
}

.dark-mode .spice-experience__content h2 span,
[data-theme="dark"] .spice-experience__content h2 span,
body.dark .spice-experience__content h2 span,
.dark-mode .spice-experience__tag,
[data-theme="dark"] .spice-experience__tag,
body.dark .spice-experience__tag {
    color: #DDB699;
}

.dark-mode .spice-experience__image-small,
[data-theme="dark"] .spice-experience__image-small,
body.dark .spice-experience__image-small {
    background: #191b16;
    border-color: rgba(221, 182, 153, 0.22);
}

.dark-mode .spice-experience__button,
[data-theme="dark"] .spice-experience__button,
body.dark .spice-experience__button {
    background: #DDB699;
    border-color: #DDB699;
    color: #191b16;
}

.dark-mode .spice-experience__button > span,
[data-theme="dark"] .spice-experience__button > span,
body.dark .spice-experience__button > span {
    background: #191b16;
    color: #DDB699;
}

.dark-mode .spice-experience__button:hover,
[data-theme="dark"] .spice-experience__button:hover,
body.dark .spice-experience__button:hover {
    background: #F2EDE5;
    border-color: #F2EDE5;
    color: #191b16;
}

/* DARK MODE - SPICE HOUSE */

.dark-mode .spice-house,
[data-theme="dark"] .spice-house,
body.dark .spice-house {
    --sh-bg: #191b16;
    --sh-text: #F2EDE5;
    --sh-muted: #B9B0A4;
    --sh-accent: #DDB699;
    --sh-border: rgba(221, 182, 153, 0.22);

    background: #191b16;
    color: #F2EDE5;
}

.dark-mode .spice-house__header h2,
[data-theme="dark"] .spice-house__header h2,
body.dark .spice-house__header h2,
.dark-mode .spice-house__detail > h3,
[data-theme="dark"] .spice-house__detail > h3,
body.dark .spice-house__detail > h3,
.dark-mode .spice-house__stat-item h4,
[data-theme="dark"] .spice-house__stat-item h4,
body.dark .spice-house__stat-item h4 {
    color: #F2EDE5;
}

.dark-mode .spice-house__header h2 span,
[data-theme="dark"] .spice-house__header h2 span,
body.dark .spice-house__header h2 span,
.dark-mode .spice-house__detail > h3 span,
[data-theme="dark"] .spice-house__detail > h3 span,
body.dark .spice-house__detail > h3 span,
.dark-mode .spice-house__eyebrow,
[data-theme="dark"] .spice-house__eyebrow,
body.dark .spice-house__eyebrow,
.dark-mode .spice-house__detail-tag,
[data-theme="dark"] .spice-house__detail-tag,
body.dark .spice-house__detail-tag {
    color: #DDB699;
}

.dark-mode .spice-house__side-note,
[data-theme="dark"] .spice-house__side-note,
body.dark .spice-house__side-note,
.dark-mode .spice-house__header p,
[data-theme="dark"] .spice-house__header p,
body.dark .spice-house__header p,
.dark-mode .spice-house__detail > p,
[data-theme="dark"] .spice-house__detail > p,
body.dark .spice-house__detail > p,
.dark-mode .spice-house__stat-item p,
[data-theme="dark"] .spice-house__stat-item p,
body.dark .spice-house__stat-item p,
.dark-mode .spice-house__footer,
[data-theme="dark"] .spice-house__footer,
body.dark .spice-house__footer {
    color: #B9B0A4;
}

.dark-mode .spice-house__link,
[data-theme="dark"] .spice-house__link,
body.dark .spice-house__link {
    color: #F2EDE5;
    border-color: #DDB699;
}

.dark-mode .spice-house__link:hover,
[data-theme="dark"] .spice-house__link:hover,
body.dark .spice-house__link:hover {
    color: #DDB699;
}

.dark-mode .spice-house__link-icon,
[data-theme="dark"] .spice-house__link-icon,
body.dark .spice-house__link-icon {
    background: #DDB699;
    color: #191b16;
}

.dark-mode .spice-house__footer-mark,
[data-theme="dark"] .spice-house__footer-mark,
body.dark .spice-house__footer-mark {
    border-color: rgba(221, 182, 153, 0.22);
    color: #DDB699;
}


/* Dark mode: add class "dark-mode" to body or a parent element */

.dark-mode .spice-editorial,
.spice-editorial.dark-mode {
    --se-bg: #191b16;
    --se-panel: #22241e;
    --se-text: #f5f0e8;
    --se-muted: #b3b0a5;
    --se-accent: #DDB699;
    --se-border: rgba(221, 182, 153, 0.22);
}

/* Keep contrast consistent if the site already uses a dark theme */
.dark-mode .spice-editorial__content h2,
.dark-mode .spice-editorial__detail-copy h3,
.dark-mode .spice-editorial__footer-intro p,
.dark-mode .spice-editorial__quality h4 {
    color: var(--se-text);
}

.dark-mode .spice-editorial__detail {
    background: var(--se-panel);
}

.dark-mode .spice-editorial__description,
.dark-mode .spice-editorial__detail-copy p,
.dark-mode .spice-editorial__quality p {
    color: var(--se-muted);
}

/* Condiments section - dark mode */

.dark-mode .condiment-showcase,
.condiment-showcase.dark-mode {
    --cs-bg: #191b16;
    --cs-card-bg: #22241e;
    --cs-text: #F5F0E8;
    --cs-muted: #B3B0A5;
    --cs-accent: #DDB699;
    --cs-border: rgba(221, 182, 153, 0.22);
}

.dark-mode .condiment-showcase__heading h2,
.dark-mode .condiment-showcase__footer-intro p {
    color: var(--cs-text);
}

.dark-mode .condiment-showcase__intro p,
.dark-mode .condiment-showcase__bottom span {
    color: var(--cs-muted);
}

.dark-mode .condiment-showcase__text-link {
    color: var(--cs-text);
}

.dark-mode .condiment-showcase__text-link:hover {
    color: var(--cs-accent);
}

.dark-mode .condiment-showcase__card-label {
    color: #E8C9AB;
}


/* Recipe Mood - Dark Mode */

[data-theme="dark"] .recipe-mood-section,
.dark-mode .recipe-mood-section,
body.dark .recipe-mood-section {
    --rms-bg: #191B16;
    --rms-panel: #22241D;
    --rms-text: #EEE8DC;
    --rms-muted: #BDB3A5;
    --rms-accent: #DDB699;
    --rms-border: rgba(238, 232, 220, 0.16);

    background: var(--rms-bg);
    color: var(--rms-text);
}

[data-theme="dark"] .rms-heading-wrap h2 span,
.dark-mode .rms-heading-wrap h2 span,
body.dark .rms-heading-wrap h2 span {
    color: var(--rms-accent);
}

[data-theme="dark"] .rms-category-item:hover,
.dark-mode .rms-category-item:hover,
body.dark .rms-category-item:hover {
    background: rgba(221, 182, 153, 0.08);
}

[data-theme="dark"] .recipe-week-section,
.dark-mode .recipe-week-section,
body.dark .recipe-week-section {
    --rw-bg: #191B16;
    --rw-card: #22241E;
    --rw-text: #EEE8DC;
    --rw-muted: #B7AEA0;
    --rw-accent: #DDB699;
    --rw-border: rgba(238, 232, 220, .15);
}

[data-theme="dark"] .recipe-week-heading h2 em,
.dark-mode .recipe-week-heading h2 em,
body.dark .recipe-week-heading h2 em,
[data-theme="dark"] .recipe-week-content h3 span,
.dark-mode .recipe-week-content h3 span,
body.dark .recipe-week-content h3 span {
    color: #DDB699;
}

[data-theme="dark"] .recipe-week-button,
.dark-mode .recipe-week-button,
body.dark .recipe-week-button {
    background: #EEE8DC;
    color: #191B16;
}

[data-theme="dark"] .recipe-week-button:hover,
.dark-mode .recipe-week-button:hover,
body.dark .recipe-week-button:hover {
    background: #DDB699;
    color: #191B16;
}

[data-theme="dark"] .recipe-week-button-icon,
.dark-mode .recipe-week-button-icon,
body.dark .recipe-week-button-icon {
    background: #DDB699;
    color: #191B16;
}

[data-theme="dark"] .recipe-week-image-label,
.dark-mode .recipe-week-image-label,
body.dark .recipe-week-image-label {
    background: #DDB699;
    color: #191B16;
}

[data-theme="dark"] .all-recipes-section,
.dark-mode .all-recipes-section,
body.dark .all-recipes-section {
    --ar-bg: #191B16;
    --ar-surface: #22241E;
    --ar-text: #EEE8DC;
    --ar-muted: #B7AEA0;
    --ar-accent: #DDB699;
    --ar-border: rgba(238, 232, 220, .16);
}

[data-theme="dark"] .all-recipes-heading h2 span,
.dark-mode .all-recipes-heading h2 span,
body.dark .all-recipes-heading h2 span {
    color: #DDB699;
}

[data-theme="dark"] .all-recipes-filter:hover,
[data-theme="dark"] .all-recipes-filter.active,
.dark-mode .all-recipes-filter:hover,
.dark-mode .all-recipes-filter.active,
body.dark .all-recipes-filter:hover,
body.dark .all-recipes-filter.active {
    background: #EEE8DC;
    border-color: #EEE8DC;
    color: #191B16;
}

[data-theme="dark"] .all-recipe-number,
.dark-mode .all-recipe-number,
body.dark .all-recipe-number {
    background: #22241E;
    color: #EEE8DC;
}

[data-theme="dark"] .all-recipe-arrow,
.dark-mode .all-recipe-arrow,
body.dark .all-recipe-arrow {
    background: #DDB699;
    color: #191B16;
}

[data-theme="dark"] .all-recipe-info h3 a:hover,
.dark-mode .all-recipe-info h3 a:hover,
body.dark .all-recipe-info h3 a:hover,
[data-theme="dark"] .all-recipe-bottom a:hover,
.dark-mode .all-recipe-bottom a:hover,
body.dark .all-recipe-bottom a:hover {
    color: #DDB699;
}

[data-theme="dark"] .all-recipes-view-all:hover,
.dark-mode .all-recipes-view-all:hover,
body.dark .all-recipes-view-all:hover {
    background: #EEE8DC;
    color: #191B16;
}


[data-theme="dark"] .spice-pairing-section,
.dark-mode .spice-pairing-section,
body.dark .spice-pairing-section {
    --spg-bg: #191B16;
    --spg-panel: #22241E;
    --spg-text: #EEE8DC;
    --spg-muted: #B7AEA0;
    --spg-accent: #DDB699;
    --spg-border: rgba(238, 232, 220, .16);
}

[data-theme="dark"] .spice-pairing-heading h2 span,
.dark-mode .spice-pairing-heading h2 span,
body.dark .spice-pairing-heading h2 span,
[data-theme="dark"] .spice-pairing-intro h3 em,
.dark-mode .spice-pairing-intro h3 em,
body.dark .spice-pairing-intro h3 em {
    color: #DDB699;
}

[data-theme="dark"] .spice-pairing-shop:hover,
.dark-mode .spice-pairing-shop:hover,
body.dark .spice-pairing-shop:hover {
    background: #EEE8DC;
    color: #191B16;
}

[data-theme="dark"] .spice-pairing-row:hover,
.dark-mode .spice-pairing-row:hover,
body.dark .spice-pairing-row:hover {
    background: #22241E;
}

[data-theme="dark"] .spice-pairing-row-number,
.dark-mode .spice-pairing-row-number,
body.dark .spice-pairing-row-number,
[data-theme="dark"] .spice-pairing-flavour i,
.dark-mode .spice-pairing-flavour i,
body.dark .spice-pairing-flavour i {
    color: #DDB699;
}


[data-theme="dark"] .cooking-secrets-section,
.dark-mode .cooking-secrets-section,
body.dark .cooking-secrets-section {
    --cs-bg: #191B16;
    --cs-panel: #22241E;
    --cs-text: #EEE8DC;
    --cs-muted: #B7AEA0;
    --cs-accent: #DDB699;
    --cs-border: rgba(238, 232, 220, .16);
}

[data-theme="dark"] .cooking-secrets-heading h2 span,
.dark-mode .cooking-secrets-heading h2 span,
body.dark .cooking-secrets-heading h2 span {
    color: #DDB699;
}

[data-theme="dark"] .cooking-secret-feature,
.dark-mode .cooking-secret-feature,
body.dark .cooking-secret-feature {
    background: #22241E;
    color: #EEE8DC;
}

[data-theme="dark"] .cooking-secret-feature h3,
.dark-mode .cooking-secret-feature h3,
body.dark .cooking-secret-feature h3 {
    color: #EEE8DC;
}

[data-theme="dark"] .cooking-secret-feature h3 em,
.dark-mode .cooking-secret-feature h3 em,
body.dark .cooking-secret-feature h3 em,
[data-theme="dark"] .cooking-secret-category,
.dark-mode .cooking-secret-category,
body.dark .cooking-secret-category {
    color: #DDB699;
}

[data-theme="dark"] .cooking-secret-item:hover .cooking-secret-item-icon,
.dark-mode .cooking-secret-item:hover .cooking-secret-item-icon,
body.dark .cooking-secret-item:hover .cooking-secret-item-icon {
    background: #DDB699;
    color: #191B16;
}

[data-theme="dark"] .cooking-secrets-bottom-mark,
.dark-mode .cooking-secrets-bottom-mark,
body.dark .cooking-secrets-bottom-mark {
    background: #DDB699;
    color: #191B16;
}

[data-theme="dark"] .recipe-last-section,
.dark-mode .recipe-last-section,
body.dark .recipe-last-section {
    --rls-bg: #191B16;
    --rls-surface: #23251F;
    --rls-text: #EEE8DC;
    --rls-muted: #B6AA9B;
    --rls-accent: #DDB699;
    --rls-border: rgba(238, 232, 220, 0.17);
}

[data-theme="dark"] .recipe-last-section .rls-heading .rls-highlight,
.dark-mode .recipe-last-section .rls-heading .rls-highlight,
body.dark .recipe-last-section .rls-heading .rls-highlight {
    color: #DDB699;
}

[data-theme="dark"] .recipe-last-section .rls-spice-core,
.dark-mode .recipe-last-section .rls-spice-core,
body.dark .recipe-last-section .rls-spice-core {
    box-shadow:
        0 20px 55px rgba(0, 0, 0, 0.22),
        inset 0 0 0 8px var(--rls-surface),
        inset 0 0 0 9px var(--rls-border);
}

[data-theme="dark"] .recipe-last-section .rls-primary-btn,
.dark-mode .recipe-last-section .rls-primary-btn,
body.dark .recipe-last-section .rls-primary-btn {
    background: #DDB699;
    border-color: #DDB699;
    color: #191B16;
}

[data-theme="dark"] .recipe-last-section .rls-primary-btn:hover,
.dark-mode .recipe-last-section .rls-primary-btn:hover,
body.dark .recipe-last-section .rls-primary-btn:hover {
    background: transparent;
    color: #EEE8DC;
}


[data-theme="dark"] .spice-contact-info,
.dark-mode .spice-contact-info,
body.dark .spice-contact-info {
    --sci-bg: #191B16;
    --sci-card: #23251F;
    --sci-text: #EEE8DC;
    --sci-muted: #B6AA9B;
    --sci-accent: #DDB699;
    --sci-border: rgba(238, 232, 220, 0.15);
}

[data-theme="dark"] .sci-heading h2 span,
.dark-mode .sci-heading h2 span,
body.dark .sci-heading h2 span {
    color: #DDB699;
}

[data-theme="dark"] .sci-icon,
.dark-mode .sci-icon,
body.dark .sci-icon {
    color: #DDB699;
}

[data-theme="dark"] .sci-link i,
.dark-mode .sci-link i,
body.dark .sci-link i {
    color: #DDB699;
}

[data-theme="dark"] .spice-message-section,
.dark-mode .spice-message-section,
body.dark .spice-message-section {
    --sms-bg: #191B16;
    --sms-text: #EEE8DC;
    --sms-muted: #B6AA9B;
    --sms-accent: #DDB699;
    --sms-border: rgba(238, 232, 220, 0.18);
}

[data-theme="dark"] .sms-form-area h2 span,
.dark-mode .sms-form-area h2 span,
body.dark .sms-form-area h2 span {
    color: #DDB699;
}

[data-theme="dark"] .sms-side-panel,
.dark-mode .sms-side-panel,
body.dark .sms-side-panel {
    background: #23251F;
}

[data-theme="dark"] .sms-field select option,
.dark-mode .sms-field select option,
body.dark .sms-field select option {
    background: #23251F;
    color: #EEE8DC;
}

[data-theme="dark"] .sms-submit,
.dark-mode .sms-submit,
body.dark .sms-submit {
    background: #DDB699;
    border-color: #DDB699;
    color: #191B16;
}

[data-theme="dark"] .sms-submit:hover,
.dark-mode .sms-submit:hover,
body.dark .sms-submit:hover {
    background: transparent;
    color: #EEE8DC;
}


[data-theme="dark"] .spice-contact-map,
.dark-mode .spice-contact-map,
body.dark .spice-contact-map {
    --scm-bg: #191B16;
    --scm-panel: #23251F;
    --scm-text: #EEE8DC;
    --scm-muted: #B6AA9B;
    --scm-accent: #DDB699;
    --scm-border: rgba(238, 232, 220, 0.16);
}

[data-theme="dark"] .scm-heading h2 span,
.dark-mode .scm-heading h2 span,
body.dark .scm-heading h2 span {
    color: #DDB699;
}

[data-theme="dark"] .scm-contact-btn,
.dark-mode .scm-contact-btn,
body.dark .scm-contact-btn {
    background: #DDB699;
    color: #191B16;
}

[data-theme="dark"] .scm-contact-btn:hover,
.dark-mode .scm-contact-btn:hover,
body.dark .scm-contact-btn:hover {
    background: transparent;
    color: #EEE8DC;
}

[data-theme="dark"] .scm-map-link,
.dark-mode .scm-map-link,
body.dark .scm-map-link {
    background: #23251F;
    color: #EEE8DC;
}


.dark-mode .spice-story-section {
    background: #191B16;
    color: #EEE8DC;
}

.dark-mode .spice-story-content h2,
.dark-mode .spice-story-intro,
.dark-mode .spice-story-value h3,
.dark-mode .spice-story-button,
.dark-mode .spice-story-stamp {
    color: #EEE8DC;
}

.dark-mode .spice-story-content h2 span,
.dark-mode .spice-story-stamp strong {
    color: #DDB699;
}

.dark-mode .spice-story-description,
.dark-mode .spice-story-value p,
.dark-mode .spice-story-image-label {
    color: #B7AA9B;
}

.dark-mode .spice-story-stamp {
    background: #191B16;
    border-color: rgba(221, 182, 153, 0.65);
}

.dark-mode .spice-story-label-line,
.dark-mode .spice-story-eyebrow-line {
    background: #DDB699;
}

.dark-mode .spice-story-eyebrow,
.dark-mode .spice-story-value-number {
    color: #DDB699;
}

.dark-mode .spice-story-value-number {
    border-color: rgba(221, 182, 153, 0.5);
}

.dark-mode .spice-story-divider {
    background: rgba(238, 232, 220, 0.2);
}

.dark-mode .spice-story-button-icon {
    border-color: #DDB699;
    color: #DDB699;
}

.dark-mode .spice-story-button:hover .spice-story-button-icon {
    background: #DDB699;
    color: #191B16;
}


.dark-mode .spice-mission-section {
    background: #191B16;
    color: #EEE8DC;
}

.dark-mode .spice-mission-main {
    background: #292B24;
}

.dark-mode .spice-mission-heading h2,
.dark-mode .spice-mission-main-content h3,
.dark-mode .spice-mission-value h3 {
    color: #EEE8DC;
}

.dark-mode .spice-mission-heading h2 span,
.dark-mode .spice-mission-eyebrow,
.dark-mode .spice-mission-index,
.dark-mode .spice-mission-value-number,
.dark-mode .spice-mission-value-top i,
.dark-mode .spice-mission-icon {
    color: #DDB699;
}

.dark-mode .spice-mission-heading > p,
.dark-mode .spice-mission-main-content > p,
.dark-mode .spice-mission-value p {
    color: #B7AA9B;
}

.dark-mode .spice-journey-section {
    background: #191B16;
    color: #EEE8DC;
}

.dark-mode .spice-journey-heading h2,
.dark-mode .spice-journey-step h3,
.dark-mode .spice-journey-link {
    color: #EEE8DC;
}

.dark-mode .spice-journey-heading h2 span,
.dark-mode .spice-journey-eyebrow,
.dark-mode .spice-journey-step-number,
.dark-mode .spice-journey-step-icon,
.dark-mode .spice-journey-footer-mark {
    color: #DDB699;
}

.dark-mode .spice-journey-heading > p,
.dark-mode .spice-journey-step p,
.dark-mode .spice-journey-footer > p {
    color: #B7AA9B;
}

.dark-mode .spice-journey-eyebrow > span,
.dark-mode .spice-journey-step-line span {
    background: #DDB699;
}

.dark-mode .spice-journey-process {
    border-color: rgba(238, 232, 220, 0.18);
}

.dark-mode .spice-journey-step {
    border-color: rgba(238, 232, 220, 0.18);
}

.dark-mode .spice-journey-step-line {
    background: rgba(238, 232, 220, 0.2);
}

.dark-mode .spice-journey-step-icon {
    border-color: rgba(221, 182, 153, 0.5);
}

.dark-mode .spice-journey-step:hover .spice-journey-step-icon {
    background: #DDB699;
    color: #191B16;
}

.dark-mode .spice-journey-footer-mark {
    border-color: rgba(221, 182, 153, 0.5);
}

.dark-mode .spice-journey-link i {
    color: #DDB699;
}


.dark-mode .spice-difference-section {
    background: #191B16;
    color: #EEE8DC;
}

.dark-mode .spice-difference-left h2,
.dark-mode .spice-difference-feature-content h3,
.dark-mode .spice-difference-button {
    color: #EEE8DC;
}

.dark-mode .spice-difference-left h2 span,
.dark-mode .spice-difference-eyebrow,
.dark-mode .spice-difference-feature-number,
.dark-mode .spice-difference-feature-icon {
    color: #DDB699;
}

.dark-mode .spice-difference-intro,
.dark-mode .spice-difference-feature-content p,
.dark-mode .spice-difference-note p {
    color: #B7AA9B;
}

.dark-mode .spice-difference-eyebrow > span {
    background: #DDB699;
}

.dark-mode .spice-difference-side-line,
.dark-mode .spice-difference-feature {
    border-color: rgba(238, 232, 220, 0.18);
}

.dark-mode .spice-difference-feature-icon {
    border-color: rgba(221, 182, 153, 0.45);
}

.dark-mode .spice-difference-feature:hover .spice-difference-feature-icon {
    background: #DDB699;
    color: #191B16;
}

.dark-mode .spice-difference-note {
    background: rgba(221, 182, 153, 0.08);
    border-left-color: #DDB699;
}

.dark-mode .spice-difference-note > i,
.dark-mode .spice-difference-button i {
    color: #DDB699;
}

.dark-mode .spice-difference-button:hover i {
    background: #DDB699;
    color: #191B16;
}

/* SPICE PROMISE - DARK MODE */

.dark-mode .spice-promise-section {
    background: #191B16;
    color: #EEE8DC;
}

.dark-mode .spice-promise-heading-row h2 {
    color: #EEE8DC;
}

.dark-mode .spice-promise-heading-row h2 em,
.dark-mode .spice-promise-eyebrow,
.dark-mode .spice-promise-values i {
    color: #DDB699;
}

.dark-mode .spice-promise-eyebrow > span {
    background: #DDB699;
}

.dark-mode .spice-promise-heading-row > p {
    color: #B7B0A5;
}

.dark-mode .spice-promise-statement {
    background: #292B24;
}

.dark-mode .spice-promise-statement p {
    color: #EEE8DC;
}

.dark-mode .spice-promise-quote {
    border-color: rgba(221, 182, 153, 0.5);
    color: #DDB699;
}

.dark-mode .spice-promise-caption,
.dark-mode .spice-promise-feature-overlay > span,
.dark-mode .spice-promise-small-overlay > span {
    color: #DDB699;
}

.dark-mode .spice-promise-bottom {
    border-color: rgba(238, 232, 220, 0.2);
}

.dark-mode .spice-promise-bottom-title {
    color: #B7B0A5;
}

.dark-mode .spice-promise-bottom-dot {
    background: #DDB699;
}

.dark-mode .spice-promise-values span {
    color: #EEE8DC;
}

.dark-mode .spice-promise-cta {
    background: #DDB699;
    color: #191B16;
}

.dark-mode .spice-promise-cta:hover {
    background: #EEE8DC;
    color: #191B16;
}

/* =========================================
   SPICE VIDEO HERO - DARK MODE
========================================= */

.dark-mode .spice-video-hero {
    background: #191B16;
    color: #ffffff;
}

.dark-mode .spice-video-hero .spice-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(15, 17, 13, 0.96) 0%,
            rgba(15, 17, 13, 0.84) 40%,
            rgba(15, 17, 13, 0.50) 75%,
            rgba(15, 17, 13, 0.35) 100%
        );
}

.dark-mode .spice-video-hero h1 {
    color: #ffffff;
}

.dark-mode .spice-video-hero h1 span,
.dark-mode .spice-video-hero .spice-hero-eyebrow,
.dark-mode .spice-video-hero .spice-hero-info-number {
    color: #DDB699;
}

.dark-mode .spice-video-hero .spice-hero-btn {
    background: #DDB699;
    border-color: #DDB699;
    color: #191B16;
}

.dark-mode .spice-video-hero .spice-hero-btn:hover {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

/* SPICE COLLECTION - DARK MODE */

.dark-mode .spice-collection-section {
    background: #191B16;
    color: #EEE8DC;
}

.dark-mode .spice-collection-heading h2 {
    color: #EEE8DC;
}

.dark-mode .spice-collection-heading h2 span {
    color: #DDB699;
}

.dark-mode .spice-collection-heading-row > p {
    color: #C0B6A8;
}

.dark-mode .spice-collection-footer {
    border-top-color: rgba(238, 232, 220, 0.2);
}

.dark-mode .spice-collection-footer > span {
    color: #C0B6A8;
}

.dark-mode .spice-collection-all {
    color: #EEE8DC;
}


/* CONDIMENTS DISCOVERY - DARK MODE */

.dark-mode .condiment-discovery {
    background: #191B16;
    color: #EEE8DC;
}

.dark-mode .condiment-discovery-intro h2,
.dark-mode .condiment-row-content h3,
.dark-mode .condiment-discovery-link {
    color: #EEE8DC;
}

.dark-mode .condiment-discovery-intro h2 span {
    color: #DDB699;
}

.dark-mode .condiment-discovery-description p,
.dark-mode .condiment-row-content p,
.dark-mode .condiment-discovery-bottom > span:first-child {
    color: #C0B6A8;
}

.dark-mode .condiment-discovery-list,
.dark-mode .condiment-discovery-row {
    border-color: rgba(238, 232, 220, 0.18);
}

.dark-mode .condiment-discovery-row {
    color: #EEE8DC;
}

.dark-mode .condiment-discovery-row:hover {
    background: rgba(221, 182, 153, 0.07);
}

.dark-mode .condiment-row-action {
    color: #C0B6A8;
}

.dark-mode .condiment-row-arrow {
    border-color: rgba(221, 182, 153, 0.5);
    color: #DDB699;
}

.dark-mode .condiment-discovery-row:hover .condiment-row-arrow {
    background: #DDB699;
    color: #191B16;
}

.dark-mode .condiment-eyebrow,
.dark-mode .condiment-row-label,
.dark-mode .condiment-row-number {
    color: #DDB699;
}

.dark-mode .condiment-eyebrow-line,
.dark-mode .condiment-bottom-decoration {
    background: #DDB699;
}

.dark-mode .condiment-discovery-link i {
    color: #DDB699;
}

/* CONDIMENT PAIRING - DARK MODE */

.dark-mode .condiment-pairing-section {
    background: #191B16;
    color: #EEE8DC;
}

.dark-mode .condiment-pairing-editorial h2,
.dark-mode .pairing-guide-copy h3 {
    color: #EEE8DC;
}

.dark-mode .condiment-pairing-editorial h2 span {
    color: #DDB699;
}

.dark-mode .pairing-intro,
.dark-mode .pairing-guide-heading p,
.dark-mode .pairing-guide-copy p,
.dark-mode .pairing-editorial-note > span:last-child,
.dark-mode .pairing-guide-footer > span:first-child {
    color: #C0B6A8;
}

.dark-mode .pairing-guide-heading,
.dark-mode .pairing-guide-item,
.dark-mode .pairing-editorial-note {
    border-color: rgba(238, 232, 220, 0.18);
}

.dark-mode .pairing-guide-item {
    color: #EEE8DC;
}

.dark-mode .pairing-guide-item::before {
    background: rgba(221, 182, 153, 0.07);
}

.dark-mode .pairing-guide-symbol {
    border-color: rgba(221, 182, 153, 0.4);
    color: #DDB699;
}

.dark-mode .pairing-guide-item:hover .pairing-guide-symbol {
    background: #DDB699;
    color: #191B16;
}

.dark-mode .pairing-main-link {
    background: #DDB699;
    border-color: #DDB699;
    color: #191B16;
}

.dark-mode .pairing-main-link:hover {
    background: transparent;
    color: #EEE8DC;
}

.dark-mode .pairing-main-link i {
    color: #191B16;
}

.dark-mode .pairing-main-link:hover i {
    color: #DDB699;
}

.dark-mode .pairing-eyebrow,
.dark-mode .pairing-guide-heading > span,
.dark-mode .pairing-guide-number,
.dark-mode .pairing-note-number {
    color: #DDB699;
}

.dark-mode .pairing-eyebrow > span,
.dark-mode .pairing-footer-line {
    background: #DDB699;
}

/* FLAVOUR LAB — DARK MODE COMPATIBILITY */

.dark-mode .condiment-flavour-lab {
    --cfl-bg: #191B16;
    --cfl-panel: #23251E;
    --cfl-text: #F3EBDD;
    --cfl-muted: #B4AA9B;
    --cfl-accent: #DDB699;
}

/* FOOD STORY — DARK MODE */

.dark-mode .condiment-story-section {
    background: #191B16;
    color: #F2EADF;
}

.dark-mode .cstory-heading h2,
.dark-mode .cstory-content h3,
.dark-mode .cstory-highlight-text h4 {
    color: #F2EADF;
}

.dark-mode .cstory-heading h2 span,
.dark-mode .cstory-kicker,
.dark-mode .cstory-number {
    color: #DDB699;
}

.dark-mode .cstory-content {
    background: #25271F;
}

.dark-mode .cstory-content > p,
.dark-mode .cstory-highlight-text p,
.dark-mode .cstory-signature {
    color: #C0B7AA;
}

.dark-mode .cstory-button {
    background: #DDB699;
    color: #191B16;
}

.dark-mode .cstory-button i {
    color: #191B16;
}

.dark-mode .cstory-button:hover {
    background: #C79C79;
}

.dark-mode .cstory-highlight-number {
    background: #25271F;
    color: #F2EADF;
}


/* THE PERFECT MATCH — DARK MODE */

.dark-mode .condiment-match-section {
    background: #191B16;
    color: #F2EADF;
}

.dark-mode .cmatch-header h2,
.dark-mode .cmatch-card-info h3,
.dark-mode .cmatch-footer a {
    color: #F2EADF;
}

.dark-mode .cmatch-header h2 span,
.dark-mode .cmatch-eyebrow,
.dark-mode .cmatch-card-info > span {
    color: #DDB699;
}

.dark-mode .cmatch-header > p,
.dark-mode .cmatch-card-info p,
.dark-mode .cmatch-footer > span {
    color: #C0B7AA;
}

.dark-mode .cmatch-card {
    color: #F2EADF;
}

.dark-mode .cmatch-card-index {
    background: #25271F;
    color: #F2EADF;
}

.dark-mode .cmatch-footer {
    border-color: rgba(242, 234, 223, 0.2);
}

.dark-mode .cmatch-card-arrow {
    background: #DDB699;
    color: #191B16;
}


/* FLAVOUR JOURNAL — DARK MODE */

.dark-mode .condiment-journal-section {
    background: #191B16;
    color: #F2EADF;
}

.dark-mode .cjournal-masthead,
.dark-mode .cjournal-notes {
    border-color: rgba(242, 234, 223, 0.2);
}

.dark-mode .cjournal-masthead {
    color: #C0B7AA;
}

.dark-mode .cjournal-title h2,
.dark-mode .cjournal-story h3,
.dark-mode .cjournal-note h4 {
    color: #F2EADF;
}

.dark-mode .cjournal-title h2 em,
.dark-mode .cjournal-title-index,
.dark-mode .cjournal-story-number,
.dark-mode .cjournal-note-number {
    color: #DDB699;
}

.dark-mode .cjournal-story {
    background: #25271F;
}

.dark-mode .cjournal-story p,
.dark-mode .cjournal-note p {
    color: #C0B7AA;
}

.dark-mode .cjournal-read-link {
    color: #F2EADF;
    border-color: #DDB699;
}

.dark-mode .cjournal-read-link span {
    background: #DDB699;
    color: #191B16;
}


.dark-mode .condiment-atelier-section {
    --atelier-bg: #191B16;
    --atelier-text: #F4EDE3;
    --atelier-muted: #B2A79A;
    --atelier-accent: #DDB699;
    --atelier-line: rgba(244, 237, 227, 0.17);
    --atelier-panel: #292820;
}

.dark-mode .atelier-image-small {
    border-color: var(--atelier-bg);
}

.dark-mode .atelier-link-icon {
    border-color: var(--atelier-line);
}

.dark-mode .atelier-discover-link:hover .atelier-link-icon {
    color: #191B16;
}

.dark-mode .condiment-collection-section {
    --collection-bg: #191B16;
    --collection-text: #F4EDE3;
    --collection-muted: #B2A79A;
    --collection-accent: #DDB699;
    --collection-line: rgba(244, 237, 227, 0.19);
    --collection-card-bg: #292820;
}

.dark-mode .collection-product:hover .collection-product-arrow {
    background: #F4EDE3;
    color: #191B16;
}


.dark-mode .condiment-pantry-section {
    --pantry-bg: #191B16;
    --pantry-text: #F5EFE5;
    --pantry-muted: #BDB3A5;
    --pantry-accent: #DDB699;
    --pantry-line: rgba(245, 239, 229, 0.2);
    --pantry-panel: #25271F;
}