/* =====================================================================
   BROWN VARIANT (comparison copy): espresso brown #2B1D16, warm cream text.
   Loaded last; every rule is prefixed with html[data-theme] so it wins over the light theme.
   Heart cursor stays red.
   ===================================================================== */
html[data-theme]{--bg:#2B1D16;--ink:#F4E8D4;--dim:#E6D6BC;--hair:rgba(244,232,212,.2);--m:#F07C86;--red:#D7263D;--redDeep:#B3263A;--heart:#D7263D;--card:#3A281F;color-scheme:dark}
html[data-theme] body{background:#2B1D16;color:var(--ink)}
html[data-theme] .grid-bg{opacity:.35}
/* buttons / hovers: deep red fill, cream text */
html[data-theme] .cta:hover,html[data-theme] form button:hover,html[data-theme] .comm-btn:hover,html[data-theme] .enq-form button.enq-send:hover,html[data-theme] .ig-btn:hover,html[data-theme] .card-enq:hover{background:var(--redDeep)!important;border-color:var(--redDeep)!important;color:#FFF6EA!important}
html[data-theme] .mdot,html[data-theme] .live{color:var(--red)}html[data-theme] .live{background:var(--red)}
/* heart cursor: red, cream outline so it reads on brown */
html[data-theme] #hc path{fill:#D7263D;stroke:#F4E8D4;stroke-width:1px}
html[data-theme] #hc.hov path{fill:#EE3049}
html[data-theme] .enq-heart path{fill:#D7263D}
/* menu, contact card, overlays */
html[data-theme] #menu{background:rgba(43,29,22,.985)}
html[data-theme] .card-in{background:var(--card);border-color:var(--hair);box-shadow:0 18px 50px rgba(0,0,0,.4)}
html[data-theme] select option{background:#2B1D16;color:#F4E8D4}
html[data-theme] #proj{background:#241812}
html[data-theme] .proj-light{background:radial-gradient(ellipse at 50% 48%,rgba(244,232,212,.08),transparent 60%)}
html[data-theme] #proj .pj-open{color:#2B1D16;background:#F4E8D4}
html[data-theme] .mono-big{color:var(--ink)}
/* home: finishes strip labels on photos (cream label, brown text) */
html[data-theme] .fin>.mono{background:#F4E8D4;color:#2B1D16}
html[data-theme] .fin>div{background:rgba(244,232,212,.95)}
html[data-theme] .fin>div h3,html[data-theme] .fin>div p{color:#2B1D16}
html[data-theme] .fin-all{color:var(--ink);border-bottom-color:var(--ink)}
html[data-theme] .c3-s img{background:#3A281F}
/* walkers (little figures): cream lines */
html[data-theme] .walker svg.fig path.lb{stroke:var(--ink)}
html[data-theme] .walker svg.fig path.tor,html[data-theme] .walker svg.fig circle{fill:var(--ink)}
html[data-theme] .walker svg.fig path.cig{stroke:#2B1D16}
html[data-theme] .walker svg.bl .str{stroke:var(--ink)}
html[data-theme] .walker svg.legs line{stroke:var(--ink)}
html[data-theme] .dust i{background:#5a4234;border-color:var(--ink)}
html[data-theme] .dust b{color:var(--ink)}html[data-theme] .dust em{background:var(--ink)}
html[data-theme] .sring{border-color:rgba(244,232,212,.6)}
html[data-theme] .walker .bang{color:var(--m)}
/* enquiry form */
html[data-theme] .enq{background:rgba(10,6,4,.7)}
html[data-theme] .enq-in{background:#2B1D16;border-color:rgba(244,232,212,.25);box-shadow:0 30px 80px rgba(0,0,0,.55)}
html[data-theme] .enq-form input,html[data-theme] .enq-form select,html[data-theme] .enq-form textarea{background:#22160F;color:var(--ink);border-color:rgba(244,232,212,.5)}
html[data-theme] .enq-form input::placeholder,html[data-theme] .enq-form textarea::placeholder{color:rgba(244,232,212,.6)}
html[data-theme] .enq-form input:focus,html[data-theme] .enq-form select:focus,html[data-theme] .enq-form textarea:focus{border-color:var(--m);box-shadow:0 0 0 3px rgba(240,124,134,.25)}
html[data-theme] .enq-err{background:rgba(240,124,134,.12)}
/* process page */
html[data-theme] .p-lead,html[data-theme] .p-note,html[data-theme] .p-more-t,html[data-theme] .reel figcaption,html[data-theme] .reel-link,html[data-theme] .reel blockquote.instagram-media a{color:var(--ink)}
html[data-theme] .reel figcaption .mono{color:var(--m)}
html[data-theme] .reel{background:var(--card);border-color:rgba(244,232,212,.16);box-shadow:0 8px 28px rgba(0,0,0,.3)}
html[data-theme] .reel blockquote.instagram-media{background:#22160F!important;border-color:rgba(244,232,212,.16)!important}
html[data-theme] .reel-link:hover{color:var(--m)}
html[data-theme] .ig-btn{background:var(--ink);color:#2B1D16;border-color:var(--ink)}
html[data-theme] .ig-btn.alt{background:transparent;color:var(--ink)}
/* finishes page */
html[data-theme] .fnav a{color:var(--ink)}html[data-theme] .fnav a.on,html[data-theme] .fnav a:hover{color:var(--m);border-color:var(--m)}html[data-theme] .fnav span{color:var(--dim)}
html[data-theme] .fs-blurb{color:var(--ink)}
html[data-theme] #fbox{background:rgba(43,29,22,.97)}
html[data-theme] .fb-txt p,html[data-theme] #fbox button{color:var(--ink)}html[data-theme] .fb-sec{color:var(--m)}
/* project page */
html[data-theme] .spec dd,html[data-theme] .pj-nav a{color:var(--ink)}html[data-theme] .pj-none{color:var(--dim)}
html[data-theme] .pj-hero,html[data-theme] .pj-g{box-shadow:0 10px 40px rgba(0,0,0,.4)}