body.dark-mode {
    background: #17100c;
    color: #f5f1ea;
}
body.dark-mode .collections,
body.dark-mode .promise {
    background: #211711;
}
body.dark-mode .new-arrivals {
    background: #17100c;
}
/* =========================================================
   ZIVARA DARK MODE
   ========================================================= */

body.dark-mode {
    background: #171311;
    color: #f4ede4;
}

body.dark-mode .h2-statement,
body.dark-mode .h2-gold-edit,
body.dark-mode .h2-detail-story,
body.dark-mode .h2-showroom {
    background: #211a17;
    color: #f4ede4;
}

body.dark-mode .h2-diamond-edit,
body.dark-mode .h2-difference,
body.dark-mode .h2-time-story,
body.dark-mode .h2-hero {
    background: #120f0d;
    color: #f4ede4;
}

body.dark-mode .h2-watch-edit,
body.dark-mode .h2-silver-edit,
body.dark-mode .h2-consultation,
body.dark-mode .h2-moments {
    background: #2a211d;
    color: #f4ede4;
}

body.dark-mode .h2-gold-content {
    background: rgba(33,26,23,.95);
}

body.dark-mode .h2-line {
    background: #f4ede4;
}

body.dark-mode .h2-detail-line {
    border-color: rgba(244,237,228,.25);
}

body.dark-mode .h2-difference-list,
body.dark-mode .h2-difference-item {
    border-color: rgba(244,237,228,.2);
}

body.dark-mode .h2-moment-text {
    border-color: rgba(244,237,228,.2);
}

body.dark-mode .h2-overlap {
    background: #211a17;
    color: #f4ede4;
}

body.dark-mode .h2-overlap-front {
    border-color: #211a17;
}

body.dark-mode .h2-overlap-note {
    background: #f4ede4;
    color: #211a17;
}
/* =========================================================
   ZIVARA DARK MODE
   ABOUT PAGE
   DESKTOP + MOBILE
   ========================================================= */

body.dark-mode {
    background: #15110e;
    color: #f5eee5;
}


/* HEADER */

body.dark-mode header {
    background: #15110e;
    border-color: rgba(255,255,255,.08);
}

body.dark-mode header a {
    color: #f5eee5;
}


/* ABOUT HERO */

body.dark-mode .about-hero {
    background: #15110e;
}

body.dark-mode .about-hero h1,
body.dark-mode .about-hero h2,
body.dark-mode .about-hero p {
    color: #f5eee5;
}


/* INTRO */

body.dark-mode .about-intro {
    background: #191410;
}

body.dark-mode .about-intro h2,
body.dark-mode .about-intro h3 {
    color: #f5eee5;
}

body.dark-mode .about-intro p {
    color: #cfc5bb;
}


/* STORY */

body.dark-mode .about-story {
    background: #15110e;
}

body.dark-mode .about-story h2,
body.dark-mode .about-story h3 {
    color: #f5eee5;
}

body.dark-mode .about-story p {
    color: #cfc5bb;
}


/* VALUE CARDS */

body.dark-mode .about-values {
    background: #191410;
}

body.dark-mode .about-value-card {
    background: #211a15;
    border-color: rgba(255,255,255,.08);
}

body.dark-mode .about-value-card h3 {
    color: #f5eee5;
}

body.dark-mode .about-value-card p {
    color: #cfc5bb;
}


/* STATS */

body.dark-mode .about-stats {
    background: #15110e;
}

body.dark-mode .about-stat h3 {
    color: #d7ad6a;
}

body.dark-mode .about-stat p {
    color: #cfc5bb;
}


/* CTA */

body.dark-mode .about-cta {
    background: #211a15;
}

body.dark-mode .about-cta h2 {
    color: #f5eee5;
}

body.dark-mode .about-cta p {
    color: #cfc5bb;
}


/* MOBILE */

@media (max-width: 900px) {

    body.dark-mode .about-value-card {
        background: #211a15;
    }

}