/* =========================================================
   PAPERLY — DARK MODE
   ========================================================= */


/* =========================================================
   1. DARK MODE VARIABLES
   ========================================================= */

html.ppr-dark-mode {

    --ppr-warm-porcelain: #211D1E;
    --ppr-autumn-ivory: #2A2426;
    --ppr-ink-charcoal: #F4EDE6;

    --ppr-dusty-rose: #C48182;
    --ppr-dusty-rose-dark: #AD686A;

    --ppr-sage-leaf: #99A08B;
    --ppr-champagne-gold: #D0B47D;

    --ppr-warm-taupe: #71645F;

    --ppr-active-marker: rgba(196, 129, 130, 0.34);
}


html.ppr-dark-mode body {
    background:
        var(--ppr-warm-porcelain);

    color:
        var(--ppr-ink-charcoal);
}


/* =========================================================
   2. NAVBAR
   ========================================================= */

html.ppr-dark-mode .ppr-navbar {
    background:
        rgba(33, 29, 30, 0.97);

    border-bottom-color:
        rgba(244, 237, 230, 0.10);

    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.24);
}
html.ppr-dark-mode .ppr-navbar--scrolled {
    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.30);
}

/* =========================================================
   3. BRAND
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__brand {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-navbar__brand:hover {
    color:
        var(--ppr-dusty-rose);
}


html.ppr-dark-mode .ppr-navbar__logo {
    color:
        var(--ppr-sage-leaf);
}


/* =========================================================
   4. DESKTOP NAVIGATION
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__nav-link {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-navbar__nav-link:hover {
    color:
        var(--ppr-dusty-rose);
}


html.ppr-dark-mode .ppr-navbar__nav-link--active {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-mobile-menu__link--active {
    color:
        var(--ppr-ink-charcoal);
}


/* ---- ACTIVE PAGE (DARK) ---- */

html.ppr-dark-mode .ppr-navbar__dropdown-link--active,
html.ppr-dark-mode .ppr-navbar__dropdown-link--main.ppr-navbar__dropdown-link--active,
html.ppr-dark-mode .ppr-navbar__dropdown-link--details.ppr-navbar__dropdown-link--active,
html.ppr-dark-mode .ppr-mobile-menu__sublink--active,
html.ppr-dark-mode .ppr-mobile-menu__sublink--main.ppr-mobile-menu__sublink--active,
html.ppr-dark-mode .ppr-mobile-menu__sublink--details.ppr-mobile-menu__sublink--active {
    color:
        var(--ppr-ink-charcoal);

    background:
        var(--ppr-active-marker);
}


/* =========================================================
   5. DROPDOWN
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__dropdown {
    background:
        var(--ppr-autumn-ivory);

    border-color:
        rgba(244, 237, 230, 0.10);

    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.30);
}


html.ppr-dark-mode .ppr-navbar__dropdown-link {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-navbar__dropdown-link:hover {
    color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.10);
}


html.ppr-dark-mode .ppr-navbar__dropdown-link--main {
    color:
        var(--ppr-dusty-rose);
}


html.ppr-dark-mode .ppr-navbar__dropdown-link--details {
    color:
        var(--ppr-sage-leaf);
}


html.ppr-dark-mode .ppr-navbar__dropdown-divider {
    background:
        rgba(244, 237, 230, 0.10);
}


/* =========================================================
   6. ACTION BUTTONS
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__icon-button {
    color:
        var(--ppr-ink-charcoal);

    border-color:
        rgba(244, 237, 230, 0.20);
}


html.ppr-dark-mode .ppr-navbar__icon-button:hover {
    color:
        var(--ppr-dusty-rose);

    border-color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.10);
}


html.ppr-dark-mode .ppr-navbar__rtl-button {
    color:
        var(--ppr-ink-charcoal);

    border-color:
        rgba(244, 237, 230, 0.20);
}


html.ppr-dark-mode .ppr-navbar__rtl-button:hover {
    color:
        var(--ppr-dusty-rose);

    border-color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.10);
}


html.ppr-dark-mode .ppr-navbar__enquiry-button {
    background:
        var(--ppr-dusty-rose);

    color:
        #211D1E;

    box-shadow:
        0 8px 20px rgba(196, 129, 130, 0.16);
}


html.ppr-dark-mode .ppr-navbar__enquiry-button:hover {
    background:
        var(--ppr-dusty-rose-dark);
}


/* =========================================================
   7. MOBILE MENU
   ========================================================= */

html.ppr-dark-mode .ppr-mobile-menu {
    background:
        var(--ppr-autumn-ivory);

    border-left-color:
        rgba(244, 237, 230, 0.10);

    box-shadow:
        -12px 0 40px rgba(0, 0, 0, 0.38);
}


html.ppr-dark-mode .ppr-mobile-menu__header {
    border-bottom-color:
        rgba(244, 237, 230, 0.10);
}


html.ppr-dark-mode .ppr-mobile-menu__label,
html.ppr-dark-mode .ppr-mobile-menu__close,
html.ppr-dark-mode .ppr-mobile-menu__link,
html.ppr-dark-mode .ppr-mobile-menu__sublink {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-mobile-menu__close:hover,
html.ppr-dark-mode .ppr-mobile-menu__link:hover {
    color:
        var(--ppr-dusty-rose);
}


html.ppr-dark-mode .ppr-mobile-menu__item {
    border-bottom-color:
        rgba(244, 237, 230, 0.08);
}


html.ppr-dark-mode .ppr-mobile-menu__sublink:hover {
    color:
        var(--ppr-dusty-rose);

    border-left-color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.09);
}


html.ppr-dark-mode .ppr-mobile-menu__sublink--main {
    color:
        var(--ppr-dusty-rose);
}


html.ppr-dark-mode .ppr-mobile-menu__sublink--details {
    color:
        var(--ppr-sage-leaf);
}


html.ppr-dark-mode .ppr-mobile-menu__footer {
    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            var(--ppr-autumn-ivory) 24%
        );
}


html.ppr-dark-mode .ppr-mobile-menu__enquiry {
    background:
        var(--ppr-dusty-rose);

    color:
        #211D1E;
}


/* =========================================================
   8. MOBILE MENU BUTTON
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__menu-button {
    color:
        var(--ppr-ink-charcoal);

    border-color:
        rgba(244, 237, 230, 0.20);
}


html.ppr-dark-mode .ppr-navbar__menu-button:hover {
    color:
        var(--ppr-dusty-rose);

    border-color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.10);
}


/* =========================================================
   9. PRODUCT TEST CONTENT
   ========================================================= */

html.ppr-dark-mode .ppr-products-test__title {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-products-test__text {
    color:
        rgba(244, 237, 230, 0.72);
}


html.ppr-dark-mode .ppr-products-test__eyebrow {
    color:
        var(--ppr-dusty-rose);
}


/* =========================================================
   10. DARK MODE SUN/MOON
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__theme-icon--moon {
    display: none;
}


html.ppr-dark-mode .ppr-navbar__theme-icon--sun {
    display: block;
}
/* =========================================================
   PAPERLY - FOOTER DARK MODE
   ========================================================= */

html.ppr-dark-mode .ppr-footer,
html[dir="rtl"].ppr-dark-mode .ppr-footer {
    --ppr-footer-bg: #202124;
    --ppr-footer-text: #FFF8EC;

    background: #202124;
    color: #FFF8EC;
}


/* Main footer text */

html.ppr-dark-mode .ppr-footer__description,
html.ppr-dark-mode .ppr-footer__location,
html.ppr-dark-mode .ppr-footer__newsletter-text {
    color: rgba(255, 248, 236, 0.74);
}


/* Footer headings */

html.ppr-dark-mode .ppr-footer__heading,
html.ppr-dark-mode .ppr-footer__newsletter-title,
html.ppr-dark-mode .ppr-footer__logo-name,
html.ppr-dark-mode .ppr-footer__support-note strong {
    color: #FFF8EC;
}


/* Dusty Rose */

html.ppr-dark-mode .ppr-footer__location-icon,
html.ppr-dark-mode .ppr-footer__social-link:hover,
html.ppr-dark-mode .ppr-footer__support-icon,
html.ppr-dark-mode .ppr-footer__eyebrow,
html.ppr-dark-mode .ppr-footer__newsletter-button,
html.ppr-dark-mode .ppr-footer__usa-mark {
    color: #D59A9C;
}


html.ppr-dark-mode .ppr-footer__logo-mark {
    color: var(--ppr-sage-leaf);
    border-color: rgba(153, 160, 139, 0.55);
}


/* Links */

html.ppr-dark-mode .ppr-footer__links a {
    color: rgba(255, 248, 236, 0.70);
}


html.ppr-dark-mode .ppr-footer__links a:hover {
    color: #D59A9C;
}


/* Social icons */

html.ppr-dark-mode .ppr-footer__social-link {
    color: rgba(255, 248, 236, 0.76);

    border-color:
        rgba(255, 248, 236, 0.18);
}


html.ppr-dark-mode .ppr-footer__social-link:hover {
    color: #FFF8EC;
    background: #B56F72;
    border-color: #B56F72;
}


/* Newsletter */

html.ppr-dark-mode .ppr-footer__newsletter-input {
    color: #FFF8EC;

    background: transparent;
}


html.ppr-dark-mode
.ppr-footer__newsletter-input::placeholder {
    color: rgba(255, 248, 236, 0.48);
}


html.ppr-dark-mode
.ppr-footer__newsletter-form {
    border-color:
        rgba(255, 248, 236, 0.28);
}


/* Bottom */

html.ppr-dark-mode .ppr-footer__copyright,
html.ppr-dark-mode .ppr-footer__usa {
    color: rgba(255, 248, 236, 0.50);
}


html.ppr-dark-mode .ppr-footer__legal a {
    color: rgba(255, 248, 236, 0.54);
}


html.ppr-dark-mode .ppr-footer__legal a:hover {
    color: #D59A9C;
}


/* Support */

html.ppr-dark-mode
.ppr-footer__support-note div span {
    color: rgba(255, 248, 236, 0.58);
}


/* Botanical graphics */

html.ppr-dark-mode .ppr-footer__stem {
    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(155, 163, 130, 0.28),
            transparent
        );
}


html.ppr-dark-mode .ppr-footer__leaf {
    border-color:
        rgba(155, 163, 130, 0.20);
}


/* =========================================================
   PAPERLY PRODUCTS PAGE — DARK MODE
   Only .ppr-products-page is affected.
   ========================================================= */

html.ppr-dark-mode .ppr-products-page {
    --ppr-products-border: rgba(244, 237, 230, 0.17);
    --ppr-products-soft-border: rgba(244, 237, 230, 0.09);
    --ppr-products-card-bg: #2A2426;
    --ppr-products-panel-bg: rgba(42, 36, 38, 0.82);
    --ppr-products-muted: #C8BDB8;
    --ppr-products-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

html.ppr-dark-mode .ppr-products-page .ppr-products-hero__veil {
    background:
        linear-gradient(
            90deg,
            rgba(33,29,30,.94) 0%,
            rgba(33,29,30,.80) 46%,
            rgba(33,29,30,.58) 100%
        );
}

html.ppr-dark-mode .ppr-products-page .ppr-products-hero__title,
html.ppr-dark-mode .ppr-products-page .ppr-products-hero__description,
html.ppr-dark-mode .ppr-products-page .ppr-products-section-title,
html.ppr-dark-mode .ppr-products-page .ppr-products-category__title,
html.ppr-dark-mode .ppr-products-page .ppr-products-filter__title,
html.ppr-dark-mode .ppr-products-page .ppr-products-filter__label,
html.ppr-dark-mode .ppr-products-page .ppr-products-card__name,
html.ppr-dark-mode .ppr-products-page .ppr-products-trending__arrow {
    color: var(--ppr-ink-charcoal);
}

html.ppr-dark-mode .ppr-products-page .ppr-products-card,
html.ppr-dark-mode .ppr-products-page .ppr-products-filter__input {
    background: var(--ppr-products-card-bg);
}

html.ppr-dark-mode .ppr-products-page .ppr-products-card__image-wrap {
    background: #211D1E;
}

html.ppr-dark-mode .ppr-products-page .ppr-products-filter__input {
    border-color: var(--ppr-products-border);
}

html.ppr-dark-mode .ppr-products-page .ppr-products-filter__input::placeholder,
html.ppr-dark-mode .ppr-products-page .ppr-products-card__description,
html.ppr-dark-mode .ppr-products-page .ppr-products-section-description,
html.ppr-dark-mode .ppr-products-page .ppr-products-category__description,
html.ppr-dark-mode .ppr-products-page .ppr-products-filter__option,
html.ppr-dark-mode .ppr-products-page .ppr-products-filter__price-row {
    color: var(--ppr-products-muted);
}

html.ppr-dark-mode .ppr-products-page .ppr-products-trending__arrow {
    border-color: var(--ppr-products-border);
}

html.ppr-dark-mode .ppr-products-page .ppr-products-trending__arrow:hover:not(:disabled) {
    color: #fff8f5;
}
/* =========================================================
   PAPERLY — WRITING PAGE ONLY — DARK MODE
   Append this block to assets/css/dark.css.
   ========================================================= */

html.ppr-dark-mode .ppr-writing-page {
    --ppr-writing-border: rgba(244, 237, 230, 0.17);
    --ppr-writing-soft-border: rgba(244, 237, 230, 0.09);
    --ppr-writing-card-bg: #2A2426;
    --ppr-writing-muted: #C8BDB8;
    --ppr-writing-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

html.ppr-dark-mode .ppr-writing-page .ppr-writing-hero__veil {
    background:
        linear-gradient(
            90deg,
            rgba(33, 29, 30, 0.94) 0%,
            rgba(33, 29, 30, 0.80) 46%,
            rgba(33, 29, 30, 0.56) 100%
        );
}

html.ppr-dark-mode .ppr-writing-page .ppr-writing-hero__title,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-hero__description,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-filter__title,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-filter__label,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-content__title,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-card__name,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-filter__mobile-toggle {
    color: var(--ppr-ink-charcoal);
}

html.ppr-dark-mode .ppr-writing-page .ppr-writing-card,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-filter__input {
    background: var(--ppr-writing-card-bg);
}

html.ppr-dark-mode .ppr-writing-page .ppr-writing-card__image-wrap {
    background: #211D1E;
}

html.ppr-dark-mode .ppr-writing-page .ppr-writing-filter__input {
    border-color: var(--ppr-writing-border);
    color: var(--ppr-ink-charcoal);
}

html.ppr-dark-mode .ppr-writing-page .ppr-writing-filter__input::placeholder,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-filter__option,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-filter__price-row,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-content__description,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-results,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-card__description,
html.ppr-dark-mode .ppr-writing-page .ppr-writing-empty {
    color: var(--ppr-writing-muted);
}

html.ppr-dark-mode .ppr-writing-page .ppr-writing-filter__scroll {
    scrollbar-color: var(--ppr-warm-taupe) transparent;
}

html.ppr-dark-mode .ppr-writing-page .ppr-writing-filter__scroll::-webkit-scrollbar-thumb {
    background: var(--ppr-warm-taupe);
}


/* =========================================================
   PAPERLY — NOTEBOOKS PAGE ONLY — DARK MODE
   Exact Writing-page dark-mode structure
   ========================================================= */

html.ppr-dark-mode .ppr-notebooks-page {

    --ppr-notebooks-border:
        rgba(244, 237, 230, 0.17);

    --ppr-notebooks-soft-border:
        rgba(244, 237, 230, 0.09);

    --ppr-notebooks-card-bg:
        #2A2426;

    --ppr-notebooks-muted:
        #C8BDB8;

    --ppr-notebooks-shadow:
        0 18px 48px rgba(0, 0, 0, 0.28);
}


html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-hero__veil {

    background:
        linear-gradient(
            90deg,
            rgba(33, 29, 30, 0.94) 0%,
            rgba(33, 29, 30, 0.80) 46%,
            rgba(33, 29, 30, 0.56) 100%
        );
}


html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-hero__title,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-hero__description,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-filter__title,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-filter__label,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-content__title,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-card__name,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-filter__mobile-toggle {

    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-card,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-filter__input {

    background:
        var(--ppr-notebooks-card-bg);
}


html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-card__image-wrap {

    background:
        #211D1E;
}


html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-filter__input {

    border-color:
        var(--ppr-notebooks-border);

    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-filter__input::placeholder,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-filter__option,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-filter__price-row,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-content__description,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-results,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-card__description,

html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-empty {

    color:
        var(--ppr-notebooks-muted);
}


html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-filter__scroll {

    scrollbar-color:
        var(--ppr-warm-taupe)
        transparent;
}


html.ppr-dark-mode
.ppr-notebooks-page
.ppr-notebooks-filter__scroll::-webkit-scrollbar-thumb {

    background:
        var(--ppr-warm-taupe);
}

/* =========================================================
   PAPERLY — FILING PAGE ONLY — DARK MODE
   Append this block to assets/css/dark.css.
   ========================================================= */

html.ppr-dark-mode .ppr-filing-page {
    --ppr-filing-border: rgba(244, 237, 230, 0.17);
    --ppr-filing-soft-border: rgba(244, 237, 230, 0.09);
    --ppr-filing-card-bg: #2A2426;
    --ppr-filing-muted: #C8BDB8;
    --ppr-filing-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

html.ppr-dark-mode .ppr-filing-page .ppr-filing-hero__veil {
    background:
        linear-gradient(
            90deg,
            rgba(33, 29, 30, 0.94) 0%,
            rgba(33, 29, 30, 0.80) 46%,
            rgba(33, 29, 30, 0.56) 100%
        );
}

html.ppr-dark-mode .ppr-filing-page .ppr-filing-hero__title,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-hero__description,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-filter__title,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-filter__label,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-content__title,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-card__name,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-filter__mobile-toggle {
    color: var(--ppr-ink-charcoal);
}

html.ppr-dark-mode .ppr-filing-page .ppr-filing-card,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-filter__input {
    background: var(--ppr-filing-card-bg);
}

html.ppr-dark-mode .ppr-filing-page .ppr-filing-card__image-wrap {
    background: #211D1E;
}

html.ppr-dark-mode .ppr-filing-page .ppr-filing-filter__input {
    border-color: var(--ppr-filing-border);
    color: var(--ppr-ink-charcoal);
}

html.ppr-dark-mode .ppr-filing-page .ppr-filing-filter__input::placeholder,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-filter__option,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-filter__price-row,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-content__description,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-results,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-card__description,
html.ppr-dark-mode .ppr-filing-page .ppr-filing-empty {
    color: var(--ppr-filing-muted);
}

html.ppr-dark-mode .ppr-filing-page .ppr-filing-filter__scroll {
    scrollbar-color: var(--ppr-warm-taupe) transparent;
}

html.ppr-dark-mode .ppr-filing-page .ppr-filing-filter__scroll::-webkit-scrollbar-thumb {
    background: var(--ppr-warm-taupe);
}
/* =========================================================
   PAPERLY — PRODUCT DETAILS PAGE ONLY — DARK MODE
   ========================================================= */
html.ppr-dark-mode .ppr-product-details-page{background:var(--ppr-deep-charcoal);color:var(--ppr-warm-ivory)}
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__breadcrumbs a,
html.ppr-dark-mode .ppr-product-details-page h1,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__price-line,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__quantity,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__section-heading h2,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__overview-points strong,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__spec-table strong,
html.ppr-dark-mode .ppr-product-details-page .ppr-suggested-card__name,
html.ppr-dark-mode .ppr-product-details-page .ppr-suggested-card__price,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__bottom-nav a,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__secondary-button{color:var(--ppr-warm-ivory)}
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__breadcrumbs,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__lead,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__rating-row,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__price-line--muted,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__price-note,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__assurance span,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__section-heading p,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__overview-points p,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__spec-table>div,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__buying p,
html.ppr-dark-mode .ppr-product-details-page .ppr-suggested-card__bottom{color:var(--ppr-ink-charcoal)}
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__image-frame,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__quantity-control,
html.ppr-dark-mode .ppr-product-details-page .ppr-suggested-card__image{background:var(--ppr-dark-plum)}
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__image-frame::after{background:radial-gradient(ellipse,rgba(0,0,0,.35),transparent 68%)}
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__secondary-button{border-color:var(--ppr-warm-ivory)}
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__secondary-button:hover{border-color:var(--ppr-dusty-rose);color:var(--ppr-warm-ivory)}
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__quantity-control button,
html.ppr-dark-mode .ppr-product-details-page .ppr-product-details__quantity-control output{color:var(--ppr-warm-ivory)}


/* =========================================================
   PAPERLY — ORGANIZERS PAGE ONLY — DARK MODE
   ========================================================= */

html.ppr-dark-mode .ppr-organizers-page {
    --ppr-organizers-border: rgba(244, 237, 230, 0.17);
    --ppr-organizers-soft-border: rgba(244, 237, 230, 0.09);
    --ppr-organizers-card-bg: #2A2426;
    --ppr-organizers-muted: #C8BDB8;
    --ppr-organizers-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-hero__veil {
    background:
        linear-gradient(
            90deg,
            rgba(33, 29, 30, 0.94) 0%,
            rgba(33, 29, 30, 0.80) 46%,
            rgba(33, 29, 30, 0.56) 100%
        );
}

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-hero__title,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-hero__description,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__title,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__label,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-content__title,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-card__name,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__mobile-toggle {
    color: var(--ppr-ink-charcoal);
}

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-card,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__input {
    background: var(--ppr-organizers-card-bg);
}

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-card__image-wrap {
    background: #211D1E;
}

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__input {
    border-color: var(--ppr-organizers-border);
    color: var(--ppr-ink-charcoal);
}

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__input::placeholder,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__option,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__price-row,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-content__description,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-results,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-card__description,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-empty {
    color: var(--ppr-organizers-muted);
}

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__scroll {
    scrollbar-color: var(--ppr-warm-taupe) transparent;
}

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__scroll::-webkit-scrollbar-thumb {
    background: var(--ppr-warm-taupe);
}



/* ---- Organizers: extra legibility for small accent text in dark mode ---- */

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-hero__eyebrow,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__eyebrow,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-content__eyebrow,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-card__category,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-card__action,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__clear {
    color: #DDA5A6;
}

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__clear:hover {
    color: #fff8f5;
}

html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-filter__price-row output,
html.ppr-dark-mode .ppr-organizers-page .ppr-organizers-card__price {
    color: var(--ppr-ink-charcoal);
}



/* =========================================================
   PAPERLY — WRITING PAGE ONLY — DARK MODE
   Append this block to assets/css/dark.css.
   ========================================================= */

html.ppr-dark-mode .ppr-printing-paper-page {
    --ppr-writing-border: rgba(244, 237, 230, 0.17);
    --ppr-writing-soft-border: rgba(244, 237, 230, 0.09);
    --ppr-writing-card-bg: #2A2426;
    --ppr-writing-muted: #C8BDB8;
    --ppr-writing-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-hero__veil {
    background:
        linear-gradient(
            90deg,
            rgba(33, 29, 30, 0.94) 0%,
            rgba(33, 29, 30, 0.80) 46%,
            rgba(33, 29, 30, 0.56) 100%
        );
}

html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-hero__title,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-hero__description,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-filter__title,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-filter__label,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-content__title,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-card__name,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-filter__mobile-toggle {
    color: var(--ppr-ink-charcoal);
}

html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-card,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-filter__input {
    background: var(--ppr-writing-card-bg);
}

html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-card__image-wrap {
    background: #211D1E;
}

html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-filter__input {
    border-color: var(--ppr-writing-border);
    color: var(--ppr-ink-charcoal);
}

html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-filter__input::placeholder,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-filter__option,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-filter__price-row,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-content__description,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-results,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-card__description,
html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-empty {
    color: var(--ppr-writing-muted);
}

html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-filter__scroll {
    scrollbar-color: var(--ppr-warm-taupe) transparent;
}

html.ppr-dark-mode .ppr-printing-paper-page .ppr-writing-filter__scroll::-webkit-scrollbar-thumb {
    background: var(--ppr-warm-taupe);
}

/* =========================================================
   FOOTER CONTACT - DARK MODE
   ========================================================= */

html.ppr-dark-mode .ppr-footer__contact-label {
    color: #D59A9C;
}


html.ppr-dark-mode .ppr-footer__contact-value {
    color: rgba(255, 248, 236, 0.70);
}


/* =========================================================
   PAPERLY — CONTACT / CORPORATE DARK MODE (MERGED)
   Original source: contact-corporate-dark.css
   ========================================================= */

CONTACT PAGE
   ========================================================= */

html.ppr-dark-mode .ppr-contact {
    --ppr-c-muted: #D4C9C6;
    --ppr-c-soft: #BFB3AF;
    --ppr-c-placeholder: #8F8380;
    --ppr-c-eyebrow: #D99496;
}


html.ppr-dark-mode .ppr-contact-form__date input {
    color-scheme: dark;
}


html.ppr-dark-mode .ppr-contact-form__control:focus {
    box-shadow:
        0 0 0 2px rgba(196, 129, 130, 0.22);
}


html.ppr-dark-mode .ppr-contact-form__control.is-invalid {
    border-color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.10);
}


html.ppr-dark-mode .ppr-contact-form__message {
    background:
        rgba(196, 129, 130, 0.12);
}


html.ppr-dark-mode .ppr-contact-form__message.is-success {
    background:
        rgba(153, 160, 139, 0.14);
}


html.ppr-dark-mode .ppr-contact-step:hover {
    background:
        rgba(196, 129, 130, 0.07);
}


html.ppr-dark-mode .ppr-contact-map__frame iframe {
    filter:
        brightness(0.76)
        contrast(1.05);
}


html.ppr-dark-mode .ppr-contact-link:hover {
    color:
        var(--ppr-dusty-rose);
}


/* =========================================================
   CONTACT — PREMIUM MOTION / DARK MODE OVERRIDES
   ========================================================= */

body.ppr-dark .ppr-contact-hero,
[data-theme="dark"] .ppr-contact-hero {
    background:
        radial-gradient(circle at 84% 18%, rgba(224,181,181,.08), transparent 28%),
        radial-gradient(circle at 8% 88%, rgba(116,123,104,.07), transparent 24%),
        var(--ppr-warm-porcelain);
}

body.ppr-dark .ppr-contact-hero__image,
[data-theme="dark"] .ppr-contact-hero__image {
    box-shadow:
        0 24px 55px rgba(0,0,0,.28),
        0 0 0 1px rgba(224,181,181,.16);
}

body.ppr-dark .ppr-contact-hero__image:hover,
[data-theme="dark"] .ppr-contact-hero__image:hover {
    box-shadow:
        0 32px 70px rgba(0,0,0,.36),
        0 0 0 1px rgba(224,181,181,.24);
}

body.ppr-dark .ppr-contact-desk__image,
[data-theme="dark"] .ppr-contact-desk__image {
    box-shadow: 0 22px 48px rgba(0,0,0,.24);
}

body.ppr-dark .ppr-contact-cta__inner,
[data-theme="dark"] .ppr-contact-cta__inner {
    box-shadow: 0 28px 65px rgba(0,0,0,.32);
}


/* =========================================================
   CORPORATE ACCOUNTS PAGE — DARK MODE
   ========================================================= */

html.ppr-dark-mode .corp-page{
  --c-bg:#211D1E;--c-surface:#2A2426;--c-ink:#F4EDE6;--c-taupe:#C8BBB2;
  --c-line:rgba(244,237,230,.15);--c-eyebrow:#D99A9C;
}

html.ppr-dark-mode .corp-btn.alt:hover{color:#211D1E!important;background:#F4EDE6}

/* 02 */
html.ppr-dark-mode .corp-receipt-section{background:linear-gradient(180deg,#211D1E,#2A2426 55%,#211D1E)}
html.ppr-dark-mode .corp-buy-table{box-shadow:0 14px 35px rgba(0,0,0,.35)}
html.ppr-dark-mode .corp-discount-stage{background:#2E2628;border-color:rgba(244,237,230,.12)}

/* 03 */
html.ppr-dark-mode .corp-approval-section{background:#2A2426}
html.ppr-dark-mode .corp-approval-desk{background:#3A2F31;border-color:rgba(244,237,230,.12)}
html.ppr-dark-mode .corp-approval-desk:after{color:#B9AAA0}
html.ppr-dark-mode .corp-approval-step{background:rgba(33,29,30,.86)}
html.ppr-dark-mode .corp-approval-step strong{color:#F4EDE6}
html.ppr-dark-mode .corp-approval-step span{color:#C8BBB2}
html.ppr-dark-mode .corp-approval-note{color:#DCCBC7}
html.ppr-dark-mode .corp-approval-stamp{color:#D99A9C;border-color:#D99A9C}

/* 04 */
html.ppr-dark-mode .corp-restock-section{background:linear-gradient(180deg,#211D1E 0%,#2A2426 100%)}
html.ppr-dark-mode .corp-stock-side{background:#2E2628}
html.ppr-dark-mode .corp-restock-preview{background:#3A2F31}
html.ppr-dark-mode .corp-restock-preview:before,
html.ppr-dark-mode .corp-restock-orbit{color:#B9AAA0}

/* 05 */
html.ppr-dark-mode .corp-showcase-head p{color:rgba(244,237,230,.72)}
html.ppr-dark-mode .corp-showcase-scene{background:#2A2426;border-color:rgba(244,237,230,.12)}
html.ppr-dark-mode .corp-showcase-photo{border-color:#3A2F31}
html.ppr-dark-mode .corp-showcase-bottom{background:#2A2426;border-color:rgba(244,237,230,.12)}
html.ppr-dark-mode .corp-showcase-bottom>div{border-color:rgba(244,237,230,.12)}
html.ppr-dark-mode .corp-showcase-bottom span{color:rgba(244,237,230,.7)}

/* 06 */
html.ppr-dark-mode .corp-branch-wall{background:#181516}

/* 07 */
html.ppr-dark-mode .corp-custom-section{background:linear-gradient(135deg,#211D1E,#2A2426)}
html.ppr-dark-mode .corp-custom-animation{background:radial-gradient(circle at 50% 48%,#3A2F31 0 18%,transparent 19%),linear-gradient(135deg,#2E2628,#241F20);border-bottom-color:rgba(244,237,230,.15)}
html.ppr-dark-mode .corp-custom-animation:before{color:#B9AAA0}
html.ppr-dark-mode .corp-product-switch{border-bottom-color:rgba(244,237,230,.3)}
html.ppr-dark-mode .corp-product-switch.active{color:#D99A9C}
html.ppr-dark-mode .corp-color-dot{border-color:#211D1E}

/* 08 — rose panel + light form card stay as designed */
html.ppr-dark-mode .corp-quote{background:#8F5558}
html.ppr-dark-mode .corp-faq details{background:#6F4143}

/* CORPORATE ACCOUNTS — DARK MODE TEXT CLARITY */
html.ppr-dark-mode .corp-page{
  --c-taupe:#D9CEC8;
}
html.ppr-dark-mode .corp-page p,
html.ppr-dark-mode .corp-receipt-head p,
html.ppr-dark-mode .corp-approval-head p,
html.ppr-dark-mode .corp-restock-head p,
html.ppr-dark-mode .corp-branch-head p,
html.ppr-dark-mode .corp-custom-live>p,
html.ppr-dark-mode .corp-showcase-head p{
  color:#D9CEC8;
}
html.ppr-dark-mode .corp-showcase-head p{color:rgba(244,237,230,.86)}
html.ppr-dark-mode .corp-showcase-bottom span{color:rgba(244,237,230,.86)}
html.ppr-dark-mode .corp-showcase-note span{color:#F0E7E2}
html.ppr-dark-mode .corp-approval-step span{color:#DDD2CD}
html.ppr-dark-mode .corp-destination span{color:#E4DAD5}

/* =========================================================
   CORPORATE ACCOUNTS — DARK MODE PURCHASE TABLE VISIBILITY
   Keep the receipt/table surface light, but use strong dark text
   so quantities such as 100 packs / 200 sets remain readable.
   ========================================================= */
html.ppr-dark-mode .corp-buy-table{
  background:#FBF6EE;
  color:#252022;
  border-color:#CDBDB1;
}

html.ppr-dark-mode .corp-buy-table:before{
  color:#70484B;
  border-bottom-color:#B9AAA0;
}

html.ppr-dark-mode .corp-buy-row{
  color:#252022;
  border-bottom-color:#CDBDB1;
}

html.ppr-dark-mode .corp-buy-row span,
html.ppr-dark-mode .corp-buy-row strong{
  color:#252022;
}

html.ppr-dark-mode .corp-buy-row small{
  color:#514844 !important;
  font-weight:700;
}

html.ppr-dark-mode .corp-buy-total{
  color:#252022;
}

html.ppr-dark-mode .corp-buy-total span,
html.ppr-dark-mode .corp-buy-total strong{
  color:#252022;
}

/* =========================================================
   CORPORATE ACCOUNTS — FINAL DARK-MODE CONTRAST LOCK
   Keep the restock paper intentionally light, but force its text
   dark enough to remain readable. Also strengthen showcase notes.
   ========================================================= */
html.ppr-dark-mode .corp-page .corp-restock-paper,
html.ppr-dark-mode .corp-page .corp-restock-paper *{
  text-shadow:none!important;
}
html.ppr-dark-mode .corp-page .corp-restock-paper-top span,
html.ppr-dark-mode .corp-page .corp-restock-paper-top b{
  color:#4E3436!important;
  opacity:1!important;
}
html.ppr-dark-mode .corp-page .corp-restock-product small{
  color:#7E4438!important;
  opacity:1!important;
}
html.ppr-dark-mode .corp-page .corp-restock-product strong{
  color:#10233B!important;
  opacity:1!important;
}
html.ppr-dark-mode .corp-page .corp-restock-product span{
  color:#34404B!important;
  opacity:1!important;
  font-weight:700!important;
}
html.ppr-dark-mode .corp-page .corp-restock-price span{
  color:#4D5948!important;
  opacity:1!important;
}
html.ppr-dark-mode .corp-page .corp-restock-price strong{
  color:#17202B!important;
  opacity:1!important;
}
html.ppr-dark-mode .corp-page .corp-restock-action span{
  color:#39434A!important;
  opacity:1!important;
  font-weight:700!important;
}

html.ppr-dark-mode .corp-page .corp-showcase-note{
  background:#FBF6EE!important;
  opacity:1!important;
}
html.ppr-dark-mode .corp-page .corp-showcase-note b{
  color:#914F53!important;
  opacity:1!important;
  font-weight:900!important;
}
html.ppr-dark-mode .corp-page .corp-showcase-note span{
  color:#343033!important;
  opacity:1!important;
  font-weight:700!important;
}
html.ppr-dark-mode .corp-page .corp-showcase-photo span{
  color:#FFF9F2!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
}
html.ppr-dark-mode .corp-page .corp-showcase-scan,
html.ppr-dark-mode .corp-page .corp-showcase-scan b{
  color:#FFF9F2!important;
  opacity:1!important;
}

/* =========================================================
   CORPORATE ACCOUNTS — ABSOLUTE PURCHASE QUANTITY VISIBILITY
   Final override for the quantity column in dark mode.
   ========================================================= */
html.ppr-dark-mode .corp-page .corp-buy-table,
html.ppr-dark-mode .corp-page .corp-buy-table *{
  opacity:1!important;
}

html.ppr-dark-mode .corp-page .corp-buy-row small,
html.ppr-dark-mode .corp-page .corp-buy-row span,
html.ppr-dark-mode .corp-page .corp-buy-row strong{
  color:#171316!important;
  -webkit-text-fill-color:#171316!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  text-shadow:none!important;
}

html.ppr-dark-mode .corp-page .corp-buy-row small{
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.15px!important;
}

html.ppr-dark-mode .corp-page .corp-buy-row{
  color:#171316!important;
  border-bottom-color:#B8A99F!important;
}

html.ppr-dark-mode .corp-page .corp-buy-table{
  background:#FFF9F1!important;
}

/* =========================================================
   CONTACT PAGE — FINAL TEXT VISIBILITY / CONTRAST PASS
   ========================================================= */
html.ppr-dark-mode .ppr-contact {
    --ppr-c-muted: #F0E7E2;
    --ppr-c-soft: #DDD2CD;
    --ppr-c-placeholder: #BEB2AD;
    --ppr-c-eyebrow: #E5A6A7;
    color: #F4EDE6 !important;
}

html.ppr-dark-mode .ppr-contact-hero__title,
html.ppr-dark-mode .ppr-contact-head h2,
html.ppr-dark-mode .ppr-contact-title-lg,
html.ppr-dark-mode .ppr-contact-next__heading h2,
html.ppr-dark-mode .ppr-contact-map__copy h2,
html.ppr-dark-mode .ppr-contact-link__title,
html.ppr-dark-mode .ppr-contact-step__content h3,
html.ppr-dark-mode .ppr-contact-hero__info-item,
html.ppr-dark-mode .ppr-contact-form__topline strong,
html.ppr-dark-mode .ppr-contact-form__group label,
html.ppr-dark-mode .ppr-contact-location__item strong {
    color: #F4EDE6 !important;
    opacity: 1 !important;
}

html.ppr-dark-mode .ppr-contact-hero__text,
html.ppr-dark-mode .ppr-contact-head p,
html.ppr-dark-mode .ppr-contact-link__text,
html.ppr-dark-mode .ppr-contact-enquiry__title p,
html.ppr-dark-mode .ppr-contact-next__heading p,
html.ppr-dark-mode .ppr-contact-step__content p,
html.ppr-dark-mode .ppr-contact-map__copy > p,
html.ppr-dark-mode .ppr-contact-location__item span,
html.ppr-dark-mode .ppr-contact-form__note {
    color: #DDD2CD !important;
    opacity: 1 !important;
}

html.ppr-dark-mode .ppr-contact-eyebrow,
html.ppr-dark-mode .ppr-contact-form__topline span,
html.ppr-dark-mode .ppr-contact-link__number,
html.ppr-dark-mode .ppr-contact-step__number {
    color: #E5A6A7 !important;
    opacity: 1 !important;
}

html.ppr-dark-mode .ppr-contact-form-wrap {
    background: #2A2426 !important;
    border-color: rgba(244,237,230,.22) !important;
}

html.ppr-dark-mode .ppr-contact-form__control,
html.ppr-dark-mode .ppr-contact-form__control:focus,
html.ppr-dark-mode .ppr-contact-form__select select,
html.ppr-dark-mode .ppr-contact-form__date input {
    background: #211D1E !important;
    color: #F4EDE6 !important;
    -webkit-text-fill-color: #F4EDE6 !important;
    border-color: #71645F !important;
    opacity: 1 !important;
}

html.ppr-dark-mode .ppr-contact-form__control::placeholder {
    color: #BEB2AD !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #BEB2AD !important;
}

html.ppr-dark-mode .ppr-contact-form__select select option {
    background: #211D1E !important;
    color: #F4EDE6 !important;
}

html.ppr-dark-mode .ppr-contact-form__message,
html.ppr-dark-mode .ppr-contact-form__message.is-success {
    color: #F4EDE6 !important;
    opacity: 1 !important;
}

html.ppr-dark-mode .ppr-contact-hero__info,
html.ppr-dark-mode .ppr-contact-links,
html.ppr-dark-mode .ppr-contact-link,
html.ppr-dark-mode .ppr-contact-next__steps,
html.ppr-dark-mode .ppr-contact-step,
html.ppr-dark-mode .ppr-contact-location {
    border-color: rgba(244,237,230,.22) !important;
}

html.ppr-dark-mode .ppr-contact-link,
html.ppr-dark-mode .ppr-contact-step,
html.ppr-dark-mode .ppr-contact-location__item {
    color: #F4EDE6 !important;
    opacity: 1 !important;
}

html.ppr-dark-mode .ppr-contact-link__arrow,
html.ppr-dark-mode .ppr-contact-step__arrow,
html.ppr-dark-mode .ppr-contact-location__item i,
html.ppr-dark-mode .ppr-contact-form__select::after,
html.ppr-dark-mode .ppr-contact-form__date i {
    color: #E5A6A7 !important;
    opacity: 1 !important;
}

html.ppr-dark-mode .ppr-contact-btn,
html.ppr-dark-mode .ppr-contact-form__submit {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    opacity: 1 !important;
}

/* Keep the CTA copy readable when the rose panel is active. */
html.ppr-dark-mode .ppr-contact-cta__inner,
html.ppr-dark-mode .ppr-contact-cta__inner * {
    opacity: 1 !important;
}


/* =========================================================
   PAPERLY — MERGED FROM ZIP 1: dark-mode.css
   Appended unchanged below ZIP 2 stylesheet.
   ========================================================= */

/* =========================================================
   PAPERLY — DARK MODE
   ========================================================= */


/* =========================================================
   1. DARK MODE VARIABLES
   ========================================================= */

html.ppr-dark-mode {

    --ppr-warm-porcelain: #211D1E;
    --ppr-autumn-ivory: #2A2426;
    --ppr-ink-charcoal: #F4EDE6;

    --ppr-dusty-rose: #C48182;
    --ppr-dusty-rose-dark: #AD686A;

    --ppr-sage-leaf: #99A08B;
    --ppr-champagne-gold: #D0B47D;

    --ppr-warm-taupe: #71645F;

    --ppr-active-marker: rgba(196, 129, 130, 0.34);
}


html.ppr-dark-mode body {
    background:
        var(--ppr-warm-porcelain);

    color:
        var(--ppr-ink-charcoal);
}


/* =========================================================
   2. NAVBAR
   ========================================================= */

html.ppr-dark-mode .ppr-navbar {
    background:
        rgba(33, 29, 30, 0.97);

    border-bottom-color:
        rgba(244, 237, 230, 0.10);

    box-shadow:
        0 8px 28px rgba(0, 0, 0, 0.24);
}
html.ppr-dark-mode .ppr-navbar--scrolled {
    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.30);
}

/* =========================================================
   3. BRAND
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__brand {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-navbar__brand:hover {
    color:
        var(--ppr-dusty-rose);
}


html.ppr-dark-mode .ppr-navbar__logo {
    color:
        var(--ppr-sage-leaf);
}


/* =========================================================
   4. DESKTOP NAVIGATION
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__nav-link {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-navbar__nav-link:hover {
    color:
        var(--ppr-dusty-rose);
}


html.ppr-dark-mode .ppr-navbar__nav-link--active {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-mobile-menu__link--active {
    color:
        var(--ppr-ink-charcoal);
}


/* =========================================================
   5. DROPDOWN
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__dropdown {
    background:
        var(--ppr-autumn-ivory);

    border-color:
        rgba(244, 237, 230, 0.10);

    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.30);
}


html.ppr-dark-mode .ppr-navbar__dropdown-link {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-navbar__dropdown-link:hover {
    color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.10);
}


html.ppr-dark-mode .ppr-navbar__dropdown-link--main {
    color:
        var(--ppr-dusty-rose);
}


html.ppr-dark-mode .ppr-navbar__dropdown-link--details {
    color:
        var(--ppr-sage-leaf);
}


html.ppr-dark-mode .ppr-navbar__dropdown-divider {
    background:
        rgba(244, 237, 230, 0.10);
}


/* =========================================================
   6. ACTION BUTTONS
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__icon-button {
    color:
        var(--ppr-ink-charcoal);

    border-color:
        rgba(244, 237, 230, 0.20);
}


html.ppr-dark-mode .ppr-navbar__icon-button:hover {
    color:
        var(--ppr-dusty-rose);

    border-color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.10);
}


html.ppr-dark-mode .ppr-navbar__rtl-button {
    color:
        var(--ppr-ink-charcoal);

    border-color:
        rgba(244, 237, 230, 0.20);
}


html.ppr-dark-mode .ppr-navbar__rtl-button:hover {
    color:
        var(--ppr-dusty-rose);

    border-color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.10);
}


html.ppr-dark-mode .ppr-navbar__enquiry-button {
    background:
        var(--ppr-dusty-rose);

    color:
        #211D1E;

    box-shadow:
        0 8px 20px rgba(196, 129, 130, 0.16);
}


html.ppr-dark-mode .ppr-navbar__enquiry-button:hover {
    background:
        var(--ppr-dusty-rose-dark);
}


/* =========================================================
   7. MOBILE MENU
   ========================================================= */

html.ppr-dark-mode .ppr-mobile-menu {
    background:
        var(--ppr-autumn-ivory);

    border-left-color:
        rgba(244, 237, 230, 0.10);

    box-shadow:
        -12px 0 40px rgba(0, 0, 0, 0.38);
}


html.ppr-dark-mode .ppr-mobile-menu__header {
    border-bottom-color:
        rgba(244, 237, 230, 0.10);
}


html.ppr-dark-mode .ppr-mobile-menu__label,
html.ppr-dark-mode .ppr-mobile-menu__close,
html.ppr-dark-mode .ppr-mobile-menu__link,
html.ppr-dark-mode .ppr-mobile-menu__sublink {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-mobile-menu__close:hover,
html.ppr-dark-mode .ppr-mobile-menu__link:hover {
    color:
        var(--ppr-dusty-rose);
}


html.ppr-dark-mode .ppr-mobile-menu__item {
    border-bottom-color:
        rgba(244, 237, 230, 0.08);
}


html.ppr-dark-mode .ppr-mobile-menu__sublink:hover {
    color:
        var(--ppr-dusty-rose);

    border-left-color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.09);
}


html.ppr-dark-mode .ppr-mobile-menu__sublink--main {
    color:
        var(--ppr-dusty-rose);
}


html.ppr-dark-mode .ppr-mobile-menu__sublink--details {
    color:
        var(--ppr-sage-leaf);
}


html.ppr-dark-mode .ppr-mobile-menu__footer {
    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            var(--ppr-autumn-ivory) 24%
        );
}


html.ppr-dark-mode .ppr-mobile-menu__enquiry {
    background:
        var(--ppr-dusty-rose);

    color:
        #211D1E;
}


/* =========================================================
   8. MOBILE MENU BUTTON
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__menu-button {
    color:
        var(--ppr-ink-charcoal);

    border-color:
        rgba(244, 237, 230, 0.20);
}


html.ppr-dark-mode .ppr-navbar__menu-button:hover {
    color:
        var(--ppr-dusty-rose);

    border-color:
        var(--ppr-dusty-rose);

    background:
        rgba(196, 129, 130, 0.10);
}


/* =========================================================
   9. PRODUCT TEST CONTENT
   ========================================================= */

html.ppr-dark-mode .ppr-products-test__title {
    color:
        var(--ppr-ink-charcoal);
}


html.ppr-dark-mode .ppr-products-test__text {
    color:
        rgba(244, 237, 230, 0.72);
}


html.ppr-dark-mode .ppr-products-test__eyebrow {
    color:
        var(--ppr-dusty-rose);
}


/* =========================================================
   10. DARK MODE SUN/MOON
   ========================================================= */

html.ppr-dark-mode .ppr-navbar__theme-icon--moon {
    display: none;
}


html.ppr-dark-mode .ppr-navbar__theme-icon--sun {
    display: block;
}
/* =========================================================
   PAPERLY - FOOTER DARK MODE
   ========================================================= */

html.ppr-dark-mode .ppr-footer,
html[dir="rtl"].ppr-dark-mode .ppr-footer {
    --ppr-footer-bg: #202124;
    --ppr-footer-text: #FFF8EC;

    background: #202124;
    color: #FFF8EC;
}


/* Main footer text */

html.ppr-dark-mode .ppr-footer__description,
html.ppr-dark-mode .ppr-footer__location,
html.ppr-dark-mode .ppr-footer__newsletter-text {
    color: rgba(255, 248, 236, 0.74);
}


/* Footer headings */

html.ppr-dark-mode .ppr-footer__heading,
html.ppr-dark-mode .ppr-footer__newsletter-title,
html.ppr-dark-mode .ppr-footer__logo-name,
html.ppr-dark-mode .ppr-footer__support-note strong {
    color: #FFF8EC;
}


/* Dusty Rose */

html.ppr-dark-mode .ppr-footer__location-icon,
html.ppr-dark-mode .ppr-footer__social-link:hover,
html.ppr-dark-mode .ppr-footer__support-icon,
html.ppr-dark-mode .ppr-footer__eyebrow,
html.ppr-dark-mode .ppr-footer__newsletter-button,
html.ppr-dark-mode .ppr-footer__usa-mark {
    color: #D59A9C;
}


html.ppr-dark-mode .ppr-footer__logo-mark {
    color: var(--ppr-sage-leaf);
    border-color: rgba(153, 160, 139, 0.55);
}


/* Links */

html.ppr-dark-mode .ppr-footer__links a {
    color: rgba(255, 248, 236, 0.70);
}


html.ppr-dark-mode .ppr-footer__links a:hover {
    color: #D59A9C;
}


/* Social icons */

html.ppr-dark-mode .ppr-footer__social-link {
    color: rgba(255, 248, 236, 0.76);

    border-color:
        rgba(255, 248, 236, 0.18);
}


html.ppr-dark-mode .ppr-footer__social-link:hover {
    color: #FFF8EC;
    background: #B56F72;
    border-color: #B56F72;
}


/* Newsletter */

html.ppr-dark-mode .ppr-footer__newsletter-input {
    color: #FFF8EC;

    background: transparent;
}


html.ppr-dark-mode
.ppr-footer__newsletter-input::placeholder {
    color: rgba(255, 248, 236, 0.48);
}


html.ppr-dark-mode
.ppr-footer__newsletter-form {
    border-color:
        rgba(255, 248, 236, 0.28);
}


/* Bottom */

html.ppr-dark-mode .ppr-footer__copyright,
html.ppr-dark-mode .ppr-footer__usa {
    color: rgba(255, 248, 236, 0.50);
}


html.ppr-dark-mode .ppr-footer__legal a {
    color: rgba(255, 248, 236, 0.54);
}


html.ppr-dark-mode .ppr-footer__legal a:hover {
    color: #D59A9C;
}


/* Support */

html.ppr-dark-mode
.ppr-footer__support-note div span {
    color: rgba(255, 248, 236, 0.58);
}


/* Botanical graphics */

html.ppr-dark-mode .ppr-footer__stem {
    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(155, 163, 130, 0.28),
            transparent
        );
}


html.ppr-dark-mode .ppr-footer__leaf {
    border-color:
        rgba(155, 163, 130, 0.20);
}


/* Paperly — Dark mode overrides (activated by <html data-theme="dark">) */
[data-theme=dark]{--bg:#1f1b1c;--bg2:#2a2124;--ink:#f6ede2;--ivory:#2a2124;--line:rgba(246,237,226,.18)}
[data-theme=dark] .cta{background:radial-gradient(ellipse at 50% 120%,#5a3440,transparent 60%)}
[data-theme=dark] .gcard .art{box-shadow:0 44px 80px -30px rgba(0,0,0,.85)}
[data-theme=dark] .gcar-ctl button{border-color:var(--ink)}
[data-theme=dark] .cmp-stage{box-shadow:0 50px 80px -44px rgba(0,0,0,.85)}
/* Home 1 - Hero eyebrow only */
html.ppr-dark-mode .hero .hero-l > .eyebrow {
    color: #F4EDE6;
}

/* Section 2 - Our Story label only */
html.ppr-dark-mode .story-txt > .eyebrow {
    color: var(--ppr-ink-charcoal);
}

/* Section 3 - Category names only */
html.ppr-dark-mode #mission .ms-top b {
   color: #211d1e;
} 
html.ppr-dark-mode #mission .ms-arrow {
   color: #211d1e;
} 

/* Section 4 - Featured Product text only */
html.ppr-dark-mode #featured .pf-info .pf-badge,
html.ppr-dark-mode #featured .pf-info h3,
html.ppr-dark-mode #featured .pf-info p,
html.ppr-dark-mode #featured .pf-info .pf-price {
    color: var(--ink);
}

/* Section 4 - Featured Product chips */
html.ppr-dark-mode #featured .pf-chips span {
    color: #211d1e;
}

/* =========================================
   SECTION 7 - FEATURED COLLECTION
   Dark mode interaction visibility only
   ========================================= */

/* Drag / Swipe hint */
html.ppr-dark-mode #collection .gcar-hint {
    color: var(--ppr-ink-charcoal);
}

/* Previous / Next controls */
html.ppr-dark-mode #collection .gcar-ctl button {
    border-color: var(--ppr-ink-charcoal);
    color: var(--ppr-ink-charcoal);
}

/* Previous / Next hover state */
html.ppr-dark-mode #collection .gcar-ctl button:hover {
    background: var(--ppr-dusty-rose);
    border-color: var(--ppr-dusty-rose);
    color: #F4EDE6;
}

/* Carousel dots */
html.ppr-dark-mode #collection .gdots i {
    background: rgba(244, 237, 230, 0.30);
}

/* Active carousel dot */
html.ppr-dark-mode #collection .gdots i.on {
    background: var(--ppr-dusty-rose);
}

/* Comparison - Hover button visibility in dark mode */
html.ppr-dark-mode #compare .cmp-modes button {
    color: var(--ppr-ink-charcoal);
}

html.ppr-dark-mode #compare .cmp-modes button.on,
html.ppr-dark-mode #compare .cmp-modes button:hover {
    color: var(--ppr-dusty-rose);
    border-bottom-color: var(--ppr-dusty-rose);
}

/* =========================================================
   HOME 1 — 5TH SECTION
   Keep "The Desk Edit" section identical in light & dark mode
   ========================================================= */

html.ppr-dark-mode .gcar,
html[data-theme="dark"] .gcar {
    --bg: #f7efe6;
    --bg2: #efe3d5;
    --ink: #2b2426;
    --rose: #b9737a;
    --rose-d: #8f4f58;
    --blush: #ecc9c6;
    --sage: #9aa78b;
    --taupe: #8a7a70;
    --gold: #c2a36b;
    --ivory: #fbf6ef;
    --line: rgba(43, 36, 38, 0.16);
}

/* Keep the section background exactly the same */
html.ppr-dark-mode .gcar,
html[data-theme="dark"] .gcar {
    background: #f7efe6;
    color: #2b2426;
}

/* Keep the collection background unchanged */
html.ppr-dark-mode .gcar .gcar-bg,
html[data-theme="dark"] .gcar .gcar-bg {
    background:
        radial-gradient(
            ellipse at 50% 48%,
            color-mix(in srgb, var(--c2) 55%, #f7efe6),
            transparent 62%
        ),
        radial-gradient(
            circle at 12% 8%,
            color-mix(in srgb, var(--c1) 65%, #f7efe6),
            transparent 46%
        ),
        radial-gradient(
            circle at 92% 96%,
            color-mix(in srgb, var(--c3) 45%, #f7efe6),
            transparent 52%
        ),
        #efe3d5;
}

/* Keep text and controls identical */
html.ppr-dark-mode .gcar .gcar-head,
html.ppr-dark-mode .gcar .gcar-info,
html.ppr-dark-mode .gcar .gcar-ctl,
html[data-theme="dark"] .gcar .gcar-head,
html[data-theme="dark"] .gcar .gcar-info,
html[data-theme="dark"] .gcar .gcar-ctl {
    color: #2b2426;
}

html.ppr-dark-mode .gcar .gcar-hint,
html.ppr-dark-mode .gcar .gcar-info p:not(.gnum),
html[data-theme="dark"] .gcar .gcar-hint,
html[data-theme="dark"] .gcar .gcar-info p:not(.gnum) {
    color: #8a7a70;
}

/* Keep carousel buttons unchanged */
html.ppr-dark-mode .gcar .gcar-ctl button,
html[data-theme="dark"] .gcar .gcar-ctl button {
    border-color: #2b2426;
    color: #2b2426;
    background: transparent;
}

/* Keep card shadow unchanged */
html.ppr-dark-mode .gcar .gcard .art,
html[data-theme="dark"] .gcar .gcard .art {
    box-shadow: 0 44px 70px -30px rgba(43, 36, 38, 0.5);
}

/* Keep dots unchanged */
html.ppr-dark-mode .gcar .gdots i,
html[data-theme="dark"] .gcar .gdots i {
    background: rgba(43, 36, 38, 0.16);
}

html.ppr-dark-mode .gcar .gdots i.on,
html[data-theme="dark"] .gcar .gdots i.on {
    background: #b9737a;
}

/* Home 1 – 5th section controls in dark mode */
html.ppr-dark-mode .gcar .gcar-ctl,
html[data-theme="dark"] .gcar .gcar-ctl {
    color: #000 !important;
}

html.ppr-dark-mode .gcar .gcar-ctl button,
html[data-theme="dark"] .gcar .gcar-ctl button {
    color: #000 !important;
    border-color: #000 !important;
    background: transparent !important;
}

html.ppr-dark-mode .gcar .gcar-ctl button *,
html[data-theme="dark"] .gcar .gcar-ctl button * {
    color: #000 !important;
    stroke: #000 !important;
}

html.ppr-dark-mode .gcar .gcar-ctl span,
html[data-theme="dark"] .gcar .gcar-ctl span {
    color: #000 !important;
    background-color: #000 !important;
}
/* =========================================================
   HOME 2 — "A day, at your desk." heading
   Keep heading BLACK in dark mode
   ========================================================= */

html.ppr-dark-mode .h2 .day .day-h h2,
html[data-theme="dark"] .h2 .day .day-h h2 {
    color: #000000 !important;
}

html.ppr-dark-mode .h2 .day .day-h h2 em,
html[data-theme="dark"] .h2 .day .day-h h2 em {
    color: #000000 !important;
}

/* =========================================================
   HOME 2 — SPECIFIC CHIPS ONLY
   Keep these two badge texts BLACK in dark mode
   ========================================================= */

/* Anatomy of a favourite */
html.ppr-dark-mode .h2 .nx-anat .chip,
html[data-theme="dark"] .h2 .nx-anat .chip {
    color: #000000 !important;
}

/* Desk inspiration */
html.ppr-dark-mode .h2 .nx-wall .chip,
html[data-theme="dark"] .h2 .nx-wall .chip {
    color: #000000 !important;
}

/* =========================================================
   HOME 2 — HERO BADGE
   "Quality supplies · Better workdays"
   Black text in dark mode
   ========================================================= */

html.ppr-dark-mode .h2 .hero2 .chip,
html[data-theme="dark"] .h2 .hero2 .chip {
    color: #000000 !important;
}