/* =========================================================
   LOOM & LORE — DARK MODE
   Deep forest charcoal + warm ivory + green
   ========================================================= */
html.dark{
  --bg:#141B18;
  --surface:#1D2923;
  --text:#F5F1E7;
  --text-soft:rgba(245,241,231,.78);
  --line:rgba(245,241,231,.15);
  --accent:#6EAA86;
  --accent-ink:#17211C;
  --ink:#101613;
  --cream:#F5F1E7;
  --paper:#1D2923;
  --coral:#8BC3A0;
  --gold:#6EAA86;
  --plum:#1B362A;
}
html.dark body{
  background:
    radial-gradient(circle at 12% 8%,rgba(110,170,134,.08),transparent 25%),
    radial-gradient(circle at 90% 70%,rgba(139,195,160,.07),transparent 28%),
    linear-gradient(135deg,#141B18 0%,#18221D 52%,#111815 100%);
  color:var(--text);
}
html.dark .site-header{
  background:rgba(20,27,24,.94);
  border-bottom-color:rgba(245,241,231,.14);
  box-shadow:0 12px 35px rgba(0,0,0,.26);
}
html.dark .brand-text,
html.dark .nav-link,
html.dark h1,html.dark h2,html.dark h3,html.dark h4,
html.dark .curve-head h2,html.dark .process-head h2,
html.dark .mosaic-head h2,html.dark .fabric-head h2{color:var(--text);}
html.dark .brand-text em,
html.dark .hero-kicker,
html.dark .duo-eyebrow span,
html.dark .process-head span,
html.dark .mosaic-head span,
html.dark .fabric-head span,
html.dark .stub-hero span{color:var(--accent);}
html.dark .hero-kicker::before{background:var(--accent);}
html.dark .brand-mark{background:var(--cream);color:var(--ink);}
html.dark .nav-link:hover,html.dark .nav-link.active{background:var(--cream);color:var(--ink);}
html.dark .drop-menu{background:#1D2923;border-color:var(--line);box-shadow:0 24px 55px rgba(0,0,0,.36);}
html.dark .drop-menu a{color:rgba(245,241,231,.80);}
html.dark .drop-menu a:hover,html.dark .drop-menu a.active{background:#244A37;color:#fff;}
html.dark .icon-toggle{border-color:rgba(245,241,231,.20);color:var(--text);}
html.dark .icon-toggle:hover{background:var(--cream);color:var(--ink);border-color:var(--cream);}
html.dark .menu-btn{background:var(--cream);color:var(--ink);}
html.dark .btn-login{background:var(--cream);color:var(--ink);}
html.dark .btn-login:hover{background:var(--gold);color:var(--ink);}
html.dark .mobile-drawer{background:#19231F;color:var(--text);box-shadow:-24px 0 60px rgba(0,0,0,.48);}
html.dark .drawer-top{border-bottom-color:var(--line);}
html.dark .drawer-close{background:#244A37;color:var(--text);}
html.dark .drawer-group-btn,html.dark .drawer-nav>li>a{color:var(--text);}
html.dark .drawer-group-btn.active,html.dark .drawer-nav>li>a.active{background:var(--cream);color:var(--ink);}
html.dark .drawer-sub{background:rgba(255,255,255,.035);}
html.dark .drawer-sub a{color:rgba(245,241,231,.82);}
html.dark .drawer-sub a:hover,html.dark .drawer-sub a.active,html.dark .drawer-nav>li>a:hover{background:#244A37;color:#fff;}
html.dark .drawer-overlay{background:rgba(0,0,0,.70);}

html.dark .hero-v2{
  background:
    radial-gradient(circle at 82% 25%,rgba(110,170,134,.11),transparent 22%),
    radial-gradient(circle at 10% 80%,rgba(139,195,160,.10),transparent 25%),
    linear-gradient(135deg,#141B18 0%,#1D2923 50%,#17201C 100%);
}
html.dark .hero-v2::before{background-image:radial-gradient(rgba(245,241,231,.10) .7px,transparent .7px);}
html.dark .hero-orbit{border-color:rgba(139,195,160,.20);}
html.dark .hero-orbit-b{border-color:rgba(110,170,134,.22);}
html.dark .hero-v2 .hero-frame{border-color:rgba(245,241,231,.12);box-shadow:0 34px 80px rgba(0,0,0,.38);}
html.dark .hero-v2 .hero-badge{background:var(--cream);color:var(--ink);box-shadow:0 20px 45px rgba(0,0,0,.38);}
html.dark .hero-scroll-cue{color:rgba(245,241,231,.72);}

/* Dark section 2 keeps the animated atmosphere instead of flattening to one color. */
html.dark .curve-section{
  background:
    radial-gradient(ellipse at 15% 25%,rgba(110,170,134,.15),transparent 28%),
    radial-gradient(ellipse at 86% 68%,rgba(139,195,160,.12),transparent 30%),
    linear-gradient(135deg,#182B23 0%,#223A2F 48%,#14251F 100%);
}
html.dark .curve-section::before{opacity:.42;}
html.dark .curve-section::after{border-color:rgba(245,241,231,.15);}
html.dark .curve-item{box-shadow:0 30px 60px rgba(0,0,0,.48);}

html.dark .process-track::before{background:rgba(245,241,231,.14);}
html.dark .process-num{background:#1D2923;border-color:rgba(245,241,231,.18);color:#fff;}
html.dark .process-step.is-lit .process-num{background:var(--accent);border-color:var(--accent);color:var(--ink);}
html.dark .fabric-rail::before{background:linear-gradient(90deg,#141B18,transparent);}
html.dark .fabric-rail::after{background:linear-gradient(-90deg,#141B18,transparent);}
html.dark .back-to-top{background:var(--cream);color:var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.30);}
html.dark .site-footer{background:#0B110E;}
html.dark .footer-brand .brand-text{color:var(--cream);}
html.dark .footer-brand .brand-mark{background:var(--cream);color:var(--ink);}
html.dark .footer-col h4{color:var(--cream);}
html.dark .footer-col a,html.dark .footer-col .contact-line,html.dark .footer-brand p,html.dark .footer-bottom{color:rgba(245,241,231,.72);}
html.dark .footer-social a{color:var(--cream);border-color:rgba(245,241,231,.24);}
html.dark .field input,html.dark .field select,html.dark .field textarea{background:#101613;border-color:rgba(245,241,231,.18);color:#fff;}
html.dark .field input::placeholder,html.dark .field textarea::placeholder{color:rgba(245,241,231,.45);}

/* Correction: keep Section 2 cards on their dark surface tone in dark mode
   (the cream background above is a light-mode-only contrast fix) */
html.dark .atelier-orbit-card{
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  border-color:color-mix(in srgb,var(--text) 18%,transparent);
  box-shadow:0 22px 55px rgba(0,0,0,.38);
}


/* Dark-mode contrast fixes for Section 1 / hero actions */
html.dark .hero-actions .btn-primary{
  background:var(--gold);
  color:#141B18;
  border-color:var(--gold);
  box-shadow:0 10px 24px rgba(110,170,134,.16);
}
html.dark .hero-actions .btn-primary:hover{
  background:var(--cream);
  color:#101613;
}
html.dark .hero-actions .btn-outline{
  border-color:var(--gold);
  color:var(--text);
  background:rgba(110,170,134,.05);
}
html.dark .hero-actions .btn-outline:hover{
  background:var(--gold);
  color:#141B18;
  border-color:var(--gold);
}


/* =========================================================
   FINAL DARK MODE — GREEN ONLY
   Fabrics + Women's page: no brown / gold / coral accents
   ========================================================= */
html.dark body.fabric-page{
  --bg:#102019;
  --surface:#173126;
  --paper:#1b3a2c;
  --text:#eef7f1;
  --text-soft:rgba(238,247,241,.80);
  --line:rgba(198,231,211,.16);
  --accent:#79b995;
  --accent-ink:#102019;
  --coral:#6fae88;
  --gold:#79b995;
  --plum:#1e4936;
  background:
    radial-gradient(circle at 10% 12%,rgba(121,185,149,.14),transparent 24%),
    radial-gradient(circle at 86% 78%,rgba(75,145,106,.12),transparent 26%),
    linear-gradient(135deg,#102019,#14291f 55%,#0d1813);
}
html.dark body.fabric-page .fabric-hero{
  background:
    radial-gradient(circle at 12% 15%,rgba(121,185,149,.16),transparent 25%),
    radial-gradient(circle at 88% 20%,rgba(79,145,108,.14),transparent 23%),
    linear-gradient(135deg,#102019,#173126 60%,#102019)!important;
  color:#eef7f1!important;
}
html.dark body.fabric-page .fabric-hero::before{
  background-image:
    radial-gradient(circle,rgba(177,220,193,.16) 0 1px,transparent 1.5px),
    linear-gradient(115deg,transparent 0 47%,rgba(121,185,149,.06) 48%,transparent 49%);
}
html.dark body.fabric-page .fabric-image-label{
  background:rgba(22,58,43,.92)!important;
  color:#eef7f1!important;
  border:1px solid rgba(177,220,193,.18);
}
html.dark body.fabric-page .fabric-floating-image{
  border-color:#173126!important;
}
html.dark body.fabric-page section::after{
  opacity:.24;
  background-image:
    radial-gradient(circle,#79b995 0 1px,transparent 1.7px),
    radial-gradient(circle,#4f916c 0 1px,transparent 1.8px);
  mix-blend-mode:screen;
}
html.dark body.fabric-page .fabric-library::before,
html.dark body.fabric-page .fabric-feel-section::before,
html.dark body.fabric-page .fabric-s4::before,
html.dark body.fabric-page .fabric-s5::before,
html.dark body.fabric-page .fabric-s6::before,
html.dark body.fabric-page .fabric-s7::before{
  background:radial-gradient(circle,rgba(121,185,149,.16),transparent 68%);
}
html.dark body.fabric-page .fabric-library,
html.dark body.fabric-page .fabric-feel-section,
html.dark body.fabric-page .fabric-s4,
html.dark body.fabric-page .fabric-s5,
html.dark body.fabric-page .fabric-s6,
html.dark body.fabric-page .fabric-s7{
  color:#eef7f1!important;
}
html.dark body.fabric-page .fabric-library h2,
html.dark body.fabric-page .fabric-library h3,
html.dark body.fabric-page .fabric-feel-section h2,
html.dark body.fabric-page .fabric-feel-section h3,
html.dark body.fabric-page .fabric-s4 h2,
html.dark body.fabric-page .fabric-s4 h3,
html.dark body.fabric-page .fabric-s5 h2,
html.dark body.fabric-page .fabric-s5 h3,
html.dark body.fabric-page .fabric-s6 h2,
html.dark body.fabric-page .fabric-s6 h3,
html.dark body.fabric-page .fabric-s7 h2,
html.dark body.fabric-page .fabric-s7 h3,
html.dark body.fabric-page p{
  color:#eef7f1!important;
}
html.dark body.fabric-page .fabric-library-item,
html.dark body.fabric-page .fabric-s4-note,
html.dark body.fabric-page .fabric-s6-card,
html.dark body.fabric-page .fabric-s7-card{
  color:#eef7f1!important;
  border-color:rgba(198,231,211,.16)!important;
}
html.dark body.fabric-page .fabric-hero-btn,
html.dark body.fabric-page .fabric-hero-circle,
html.dark body.fabric-page .fabric-hero-bottom{
  color:#b9e2c9!important;
}
html.dark body.fabric-page .fabric-title-accent,
html.dark body.fabric-page em,
html.dark body.fabric-page .fabric-hero-kicker,
html.dark body.fabric-page .fabric-feel-eyebrow,
html.dark body.fabric-page .fabric-s4-kicker,
html.dark body.fabric-page .fabric-s5-kicker{
  color:#79b995!important;
}

/* Women's center circle + Section 4 contrast in dark mode */
html.dark body .service-women .wv4-fit-center{
  background:#397957!important;
  color:#f3faf5!important;
  box-shadow:0 0 0 12px rgba(87,159,116,.15),0 20px 50px rgba(0,0,0,.30)!important;
}
html.dark body .service-women .wv4-fit-center strong,
html.dark body .service-women .wv4-fit-center small,
html.dark body .service-women .wv4-fit-center span{
  color:#f3faf5!important;
}
html.dark body .service-women .svc-slice-center{
  color:#eef7f1!important;
  background:#1a3a2b!important;
}
html.dark body .service-women .svc-slice-center strong,
html.dark body .service-women .svc-slice-center p,
html.dark body .service-women .svc-slice-center .svc-big-index{
  color:#eef7f1!important;
}
/* =========================================================
   LOOM & LORE — CONTACT PAGE DARK MODE
========================================================= */

/* Dark mode works whether the existing JS puts the class
   on BODY or HTML */

body.dark-mode.contact-page,
html.dark-mode body.contact-page,
body.dark.contact-page,
html.dark body.contact-page {

    --contact-green: #F8FFFC;
    --contact-green-dark: #0C211B;
    --contact-green-soft: #2B594B;
    --contact-ivory: #102C25;
    --contact-white: #FFFFFF;
    --contact-orange: #D66A3D;
    --contact-mustard: #D6A63A;
    --contact-text: #FFFFFF;
    --contact-muted: #E6F0EC;

    background: #102C25 !important;
    color: #FFFFFF !important;
}

/* ---------- MAIN BACKGROUNDS ---------- */

body.dark-mode.contact-page .contact-hero,
html.dark-mode body.contact-page .contact-hero,
body.dark.contact-page .contact-hero,
html.dark body.contact-page .contact-hero {

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(214,166,58,.13),
            transparent 28%
        ),
        radial-gradient(
            circle at 85% 75%,
            rgba(214,106,61,.15),
            transparent 30%
        ),
        #102C25 !important;
}

body.dark-mode.contact-page .contact-details-section,
html.dark-mode body.contact-page .contact-details-section,
body.dark.contact-page .contact-details-section,
html.dark body.contact-page .contact-details-section {

    background: #173A31 !important;
}

body.dark-mode.contact-page .appointment-section,
html.dark-mode body.contact-page .appointment-section,
body.dark.contact-page .appointment-section,
html.dark body.contact-page .appointment-section {

    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(214,166,58,.16),
            transparent 28%
        ),
        #0C211B !important;
}

body.dark-mode.contact-page .prepare-section,
html.dark-mode body.contact-page .prepare-section,
body.dark.contact-page .prepare-section,
html.dark body.contact-page .prepare-section {

    background: #102C25 !important;
}

body.dark-mode.contact-page .contact-final,
html.dark-mode body.contact-page .contact-final,
body.dark.contact-page .contact-final,
html.dark body.contact-page .contact-final {

    background:
        radial-gradient(
            circle at center,
            rgba(214,166,58,.14),
            transparent 35%
        ),
        #173A31 !important;
}

/* ---------- WHITE TEXT ---------- */

body.dark-mode.contact-page h1,
body.dark-mode.contact-page h2,
body.dark-mode.contact-page h3,
body.dark-mode.contact-page h4,
body.dark-mode.contact-page h5,
body.dark-mode.contact-page h6,

html.dark-mode body.contact-page h1,
html.dark-mode body.contact-page h2,
html.dark-mode body.contact-page h3,
html.dark-mode body.contact-page h4,
html.dark-mode body.contact-page h5,
html.dark-mode body.contact-page h6,

body.dark.contact-page h1,
body.dark.contact-page h2,
body.dark.contact-page h3,
body.dark.contact-page h4,
body.dark.contact-page h5,
body.dark.contact-page h6,

html.dark body.contact-page h1,
html.dark body.contact-page h2,
html.dark body.contact-page h3,
html.dark body.contact-page h4,
html.dark body.contact-page h5,
html.dark body.contact-page h6 {

    color: #FFFFFF !important;
}

body.dark-mode.contact-page p,
body.dark-mode.contact-page li,
body.dark-mode.contact-page span,

html.dark-mode body.contact-page p,
html.dark-mode body.contact-page li,
html.dark-mode body.contact-page span,

body.dark.contact-page p,
body.dark.contact-page li,
body.dark.contact-page span,

html.dark body.contact-page p,
html.dark body.contact-page li,
html.dark body.contact-page span {

    color: #EAF3EF !important;
}

/* ---------- HEADLINE ACCENTS ---------- */

body.dark-mode.contact-page h1 em,
body.dark-mode.contact-page h2 em,
html.dark-mode body.contact-page h1 em,
html.dark-mode body.contact-page h2 em,
body.dark.contact-page h1 em,
body.dark.contact-page h2 em,
html.dark body.contact-page h1 em,
html.dark body.contact-page h2 em {

    color: #D6A63A !important;
}

/* ---------- KICKERS ---------- */

body.dark-mode.contact-page .contact-kicker,
html.dark-mode body.contact-page .contact-kicker,
body.dark.contact-page .contact-kicker,
html.dark body.contact-page .contact-kicker {

    color: #D6A63A !important;
}

/* ---------- DETAIL CARDS ---------- */

body.dark-mode.contact-page .contact-detail-card,
html.dark-mode body.contact-page .contact-detail-card,
body.dark.contact-page .contact-detail-card,
html.dark body.contact-page .contact-detail-card {

    background: #21483D !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: 0 25px 60px rgba(0,0,0,.22) !important;
}

body.dark-mode.contact-page .contact-detail-card:hover,
html.dark-mode body.contact-page .contact-detail-card:hover,
body.dark.contact-page .contact-detail-card:hover,
html.dark body.contact-page .contact-detail-card:hover {

    box-shadow: 0 30px 70px rgba(0,0,0,.32) !important;
}

body.dark-mode.contact-page .contact-detail-card h3,
html.dark-mode body.contact-page .contact-detail-card h3,
body.dark.contact-page .contact-detail-card h3,
html.dark body.contact-page .contact-detail-card h3 {

    color: #FFFFFF !important;
}

body.dark-mode.contact-page .contact-detail-card p,
html.dark-mode body.contact-page .contact-detail-card p,
body.dark.contact-page .contact-detail-card p,
html.dark body.contact-page .contact-detail-card p {

    color: #EAF3EF !important;
}

body.dark-mode.contact-page .contact-detail-card a,
html.dark-mode body.contact-page .contact-detail-card a,
body.dark.contact-page .contact-detail-card a,
html.dark body.contact-page .contact-detail-card a {

    color: #D6A63A !important;
}

/* ---------- APPOINTMENT INTRO ---------- */

body.dark-mode.contact-page .appointment-intro h2,
html.dark-mode body.contact-page .appointment-intro h2,
body.dark.contact-page .appointment-intro h2,
html.dark body.contact-page .appointment-intro h2 {

    color: #FFFFFF !important;
}

body.dark-mode.contact-page .appointment-intro p,
html.dark-mode body.contact-page .appointment-intro p,
body.dark.contact-page .appointment-intro p,
html.dark body.contact-page .appointment-intro p {

    color: #EAF3EF !important;
}

body.dark-mode.contact-page .appointment-step span,
html.dark-mode body.contact-page .appointment-step span,
body.dark.contact-page .appointment-step span,
html.dark body.contact-page .appointment-step span {

    color: #FFFFFF !important;
}

/* ---------- FORM CARD ---------- */

body.dark-mode.contact-page .appointment-form-card,
html.dark-mode body.contact-page .appointment-form-card,
body.dark.contact-page .appointment-form-card,
html.dark body.contact-page .appointment-form-card {

    background: #21483D !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.14) !important;
}

/* ---------- FORM HEAD ---------- */

body.dark-mode.contact-page .form-card-top,
html.dark-mode body.contact-page .form-card-top,
body.dark.contact-page .form-card-top,
html.dark body.contact-page .form-card-top {

    border-color: rgba(255,255,255,.15) !important;
}

body.dark-mode.contact-page .form-card-top h3,
html.dark-mode body.contact-page .form-card-top h3,
body.dark.contact-page .form-card-top h3,
html.dark body.contact-page .form-card-top h3 {

    color: #FFFFFF !important;
}

/* ---------- FORM LABELS ---------- */

body.dark-mode.contact-page .form-field label,
html.dark-mode body.contact-page .form-field label,
body.dark.contact-page .form-field label,
html.dark body.contact-page .form-field label {

    color: #FFFFFF !important;
}

/* ---------- INPUTS ---------- */

body.dark-mode.contact-page .form-field input,
body.dark-mode.contact-page .form-field select,
body.dark-mode.contact-page .form-field textarea,

html.dark-mode body.contact-page .form-field input,
html.dark-mode body.contact-page .form-field select,
html.dark-mode body.contact-page .form-field textarea,

body.dark.contact-page .form-field input,
body.dark.contact-page .form-field select,
body.dark.contact-page .form-field textarea,

html.dark body.contact-page .form-field input,
html.dark body.contact-page .form-field select,
html.dark body.contact-page .form-field textarea {

    background: #102C25 !important;
    color: #FFFFFF !important;
    border-color: rgba(255,255,255,.25) !important;
}

body.dark-mode.contact-page .form-field input::placeholder,
body.dark-mode.contact-page .form-field textarea::placeholder,
html.dark-mode body.contact-page .form-field input::placeholder,
html.dark-mode body.contact-page .form-field textarea::placeholder,
body.dark.contact-page .form-field input::placeholder,
body.dark.contact-page .form-field textarea::placeholder,
html.dark body.contact-page .form-field input::placeholder,
html.dark body.contact-page .form-field textarea::placeholder {

    color: #C9DAD3 !important;
    opacity: 1 !important;
}

body.dark-mode.contact-page .form-field input:focus,
body.dark-mode.contact-page .form-field select:focus,
body.dark-mode.contact-page .form-field textarea:focus,
html.dark-mode body.contact-page .form-field input:focus,
html.dark-mode body.contact-page .form-field select:focus,
html.dark-mode body.contact-page .form-field textarea:focus,
body.dark.contact-page .form-field input:focus,
body.dark.contact-page .form-field select:focus,
body.dark.contact-page .form-field textarea:focus,
html.dark body.contact-page .form-field input:focus,
html.dark body.contact-page .form-field select:focus,
html.dark body.contact-page .form-field textarea:focus {

    border-color: #D6A63A !important;
    box-shadow: 0 0 0 4px rgba(214,166,58,.15) !important;
}

/* ---------- SELECT ---------- */

body.dark-mode.contact-page select option,
html.dark-mode body.contact-page select option,
body.dark.contact-page select option,
html.dark body.contact-page select option {

    background: #102C25 !important;
    color: #FFFFFF !important;
}

/* ---------- OPTIONAL MEASUREMENTS ---------- */

body.dark-mode.contact-page .form-section-label,
html.dark-mode body.contact-page .form-section-label,
body.dark.contact-page .form-section-label,
html.dark body.contact-page .form-section-label {

    color: #FFFFFF !important;
    border-color: rgba(255,255,255,.15) !important;
}

/* ---------- CHECKBOX ---------- */

body.dark-mode.contact-page .form-check,
html.dark-mode body.contact-page .form-check,
body.dark.contact-page .form-check,
html.dark body.contact-page .form-check {

    color: #F0F7F4 !important;
}

body.dark-mode.contact-page .check-box,
html.dark-mode body.contact-page .check-box,
body.dark.contact-page .check-box,
html.dark body.contact-page .check-box {

    border-color: rgba(255,255,255,.35) !important;
}

/* ---------- ERROR ---------- */

body.dark-mode.contact-page .form-error,
html.dark-mode body.contact-page .form-error,
body.dark.contact-page .form-error,
html.dark body.contact-page .form-error {

    color: #FFB7A5 !important;
}

/* ---------- PREPARE ---------- */

body.dark-mode.contact-page .prepare-copy h2,
html.dark-mode body.contact-page .prepare-copy h2,
body.dark.contact-page .prepare-copy h2,
html.dark body.contact-page .prepare-copy h2 {

    color: #FFFFFF !important;
}

body.dark-mode.contact-page .prepare-copy > p,
html.dark-mode body.contact-page .prepare-copy > p,
body.dark.contact-page .prepare-copy > p,
html.dark body.contact-page .prepare-copy > p {

    color: #E6F0EC !important;
}

body.dark-mode.contact-page .prepare-list,
body.dark-mode.contact-page .prepare-item,
html.dark-mode body.contact-page .prepare-list,
html.dark-mode body.contact-page .prepare-item,
body.dark.contact-page .prepare-list,
body.dark.contact-page .prepare-item,
html.dark body.contact-page .prepare-list,
html.dark body.contact-page .prepare-item {

    border-color: rgba(255,255,255,.16) !important;
}

body.dark-mode.contact-page .prepare-item h3,
html.dark-mode body.contact-page .prepare-item h3,
body.dark.contact-page .prepare-item h3,
html.dark body.contact-page .prepare-item h3 {

    color: #FFFFFF !important;
}

body.dark-mode.contact-page .prepare-item p,
html.dark-mode body.contact-page .prepare-item p,
body.dark.contact-page .prepare-item p,
html.dark body.contact-page .prepare-item p {

    color: #E6F0EC !important;
}

/* ---------- FINAL ---------- */

body.dark-mode.contact-page .contact-final h2,
html.dark-mode body.contact-page .contact-final h2,
body.dark.contact-page .contact-final h2,
html.dark body.contact-page .contact-final h2 {

    color: #FFFFFF !important;
}

body.dark-mode.contact-page .contact-final p,
html.dark-mode body.contact-page .contact-final p,
body.dark.contact-page .contact-final p,
html.dark body.contact-page .contact-final p {

    color: #E6F0EC !important;
}

/* ---------- DARK FOOTER ---------- */

body.dark-mode.contact-page .site-footer,
html.dark-mode body.contact-page .site-footer,
body.dark.contact-page .site-footer,
html.dark body.contact-page .site-footer {

    background: #0C211B !important;
    color: #FFFFFF !important;
}

/* ---------- MINIMUM TEXT SIZE ---------- */

body.dark-mode.contact-page p,
body.dark-mode.contact-page li,
body.dark-mode.contact-page label,
body.dark-mode.contact-page input,
body.dark-mode.contact-page select,
body.dark-mode.contact-page textarea,
html.dark-mode body.contact-page p,
html.dark-mode body.contact-page li,
html.dark-mode body.contact-page label,
html.dark-mode body.contact-page input,
html.dark-mode body.contact-page select,
html.dark-mode body.contact-page textarea {

    font-size: max(14px, 1em);
}

/* FINAL USER FIX — Fabrics dark mode uses the exact Home 1 dark background */
html.dark body.fabric-page,
html.dark body.fabric-page .fabric-hero,
html.dark body.fabric-page .fabric-library,
html.dark body.fabric-page .fabric-feel-section,
html.dark body.fabric-page .fabric-s4,
html.dark body.fabric-page .fabric-s5,
html.dark body.fabric-page .fabric-s6,
html.dark body.fabric-page .fabric-s7{
  background:
    radial-gradient(circle at 82% 28%, rgba(110,170,134,.11), transparent 22%),
    radial-gradient(circle at 8% 82%, rgba(139,195,160,.10), transparent 25%),
    linear-gradient(135deg,#141B18 0%,#1D2923 50%,#17201C 100%) !important;
}

/* No glitter / sparkle overlay on the Fabrics page */
html.dark body.fabric-page::before,
html.dark body.fabric-page section::after,
html.dark body.fabric-page .fabric-hero::before{
  background-image:none !important;
}