/* Dark mode: active when <html data-theme="dark"> (header moon toggle in main.js; choice remembered per viewer). */
:root[data-theme="dark"]{--ink:#f6ead8;--sand:#15100b;--sand2:#221a12;--gold:#c99645;--brown:#e0b06a;--on-gold:#2a1a0e;color-scheme:dark}
:root[data-theme="dark"] body{background:var(--sand);color:var(--ink)}
:root[data-theme="dark"] .header::before{background:rgba(21,16,11,.97);box-shadow:0 8px 30px rgba(0,0,0,.45)}
:root[data-theme="dark"] .topbar{background:#3a2716;color:#f6ead8}
:root[data-theme="dark"]{--glass:rgba(34,26,18,.82)}
:root[data-theme="dark"] .hero{--hero-glow:#2b2119;--hero-dot:rgba(224,176,106,.16)}
:root[data-theme="dark"] .ctl{border-color:rgba(246,234,216,.3)}
:root[data-theme="dark"] .dd-menu{background:#241b13;box-shadow:0 18px 40px rgba(0,0,0,.55)}
:root[data-theme="dark"] .mlist li,:root[data-theme="dark"] .steps li{border-color:rgba(246,234,216,.2)}
:root[data-theme="dark"] .mlist:hover li:not(:hover){opacity:.3}
:root[data-theme="dark"] .t6,:root[data-theme="dark"] .ticket,:root[data-theme="dark"] blockquote{background:#2a2017;color:#f6ead8}
:root[data-theme="dark"] .t6 b{color:#e0b06a}
:root[data-theme="dark"] .t2,:root[data-theme="dark"] .stats{color:#f6ead8}
:root[data-theme="dark"] .take .ticket span{color:var(--on-gold)}
:root[data-theme="dark"] .ticket p,:root[data-theme="dark"] .ticket h3{color:#f6ead8}
:root[data-theme="dark"] .ticket .trow b{color:#e0b06a}
:root[data-theme="dark"] .stats{background:#4a2f1d}
/* text sitting on gold surfaces stays dark so it remains readable */
:root[data-theme="dark"] .btn:not(.dark),:root[data-theme="dark"] .t3,:root[data-theme="dark"] .cta,:root[data-theme="dark"] .cta i,:root[data-theme="dark"] .cta .eyebrow,:root[data-theme="dark"] .fcta,:root[data-theme="dark"] .fcta i,:root[data-theme="dark"] .fcta h3,:root[data-theme="dark"] .band,:root[data-theme="dark"] .stamp,:root[data-theme="dark"] .sticker,:root[data-theme="dark"] .nav .m-login,:root[data-theme="dark"] .burger,:root[data-theme="dark"] blockquote:nth-child(even),:root[data-theme="dark"] .mfloat{color:var(--on-gold)}
:root[data-theme="dark"] .btn:not(.dark):hover{color:var(--sand)}
:root[data-theme="dark"] .t3,:root[data-theme="dark"] .cta,:root[data-theme="dark"] .fcta,:root[data-theme="dark"] .band,:root[data-theme="dark"] blockquote:nth-child(even){background:var(--gold)}
:root[data-theme="dark"] .mrow.out{-webkit-text-stroke-color:var(--on-gold)}
:root[data-theme="dark"] .footer{background:#0d0906;color:#f6ead8}
:root[data-theme="dark"] .footer h4{color:var(--gold)}
:root[data-theme="dark"] .footer .fcta,:root[data-theme="dark"] .footer .fcta h3,:root[data-theme="dark"] .footer .fcta i{color:var(--on-gold)}
:root[data-theme="dark"] .fbrand p,:root[data-theme="dark"] .footer li a,:root[data-theme="dark"] .footer address{color:#f6ead8}
:root[data-theme="dark"] .social a{border-color:rgba(246,234,216,.3);color:#f6ead8}
:root[data-theme="dark"] .fbottom{color:#f6ead8}

/* Our story: fields keep a visible outline on the dark surface */
:root[data-theme="dark"] .fld input,:root[data-theme="dark"] .fld textarea{border-bottom-color:rgba(246,234,216,.4)}
:root[data-theme="dark"] .vq-btn{border-color:rgba(246,234,216,.45)}
:root[data-theme="dark"] .vq-dot:not(.on){border-color:rgba(246,234,216,.4);color:#f6ead8}

/* Home 2 in dark mode: outlines and borders use the light text colour so they stay visible */
:root[data-theme="dark"] .h2-spoke{background:var(--sand2)}
:root[data-theme="dark"] .h2-visit-clock .face{fill:var(--sand2)}
:root[data-theme="dark"] .h2-visit-clock .ticks line,:root[data-theme="dark"] .h2-visit-clock .hand{stroke:var(--ink)}
:root[data-theme="dark"] .h2-visit-links i{background:var(--ink);color:var(--sand)}
:root[data-theme="dark"] .h2-join-form input{color:var(--ink)}
:root[data-theme="dark"] .h2-fan-sec,:root[data-theme="dark"] .h2-craft,:root[data-theme="dark"] .h2-join{background:var(--sand)}
:root[data-theme="dark"] .plate-big>img{border-color:#2a2017}
:root[data-theme="dark"] .h2-hero-stick{--hero-glow:#2b2119;--hero-dot:rgba(224,176,106,.16)}

/* Menu page in dark mode */
:root[data-theme="dark"] .mn-hero{--hero-glow:#2b2119;--hero-dot:rgba(224,176,106,.16)}
:root[data-theme="dark"] .mn-tile{border-color:#2a2017}
:root[data-theme="dark"] .mn-chef-b{border-color:#2a2017}
:root[data-theme="dark"] .mn-chef-sticker{color:#2a1a0e}
:root[data-theme="dark"] .mn-cat{background:#2a2017;color:#f6ead8}
:root[data-theme="dark"] .mn-cat.c-a{background:#6b4226;color:#f6ead8}
:root[data-theme="dark"] .mn-cat.c-a .mn-cat-ico{background:#f6ead8;color:#6b4226}
:root[data-theme="dark"] .mn-cat.c-c{background:var(--gold);color:#2a1a0e}
:root[data-theme="dark"] .mn-cat.c-c .mn-cat-name,:root[data-theme="dark"] .mn-cat.c-c .mn-cat-n{color:#2a1a0e}
:root[data-theme="dark"] .mn-cat.c-c .mn-cat-ico{background:#2a1a0e;color:#e8b865}
:root[data-theme="dark"] .mn-cat.c-b .mn-cat-ico,:root[data-theme="dark"] .mn-cat.c-d .mn-cat-ico,:root[data-theme="dark"] .mn-cat.c-e .mn-cat-ico,:root[data-theme="dark"] .mn-cat.c-f .mn-cat-ico{color:#2a1a0e}
:root[data-theme="dark"] .mn-tall{background:#2a2017;color:#f6ead8}
:root[data-theme="dark"] .mn-tall .no{-webkit-text-stroke-color:#f6ead8}
:root[data-theme="dark"] .mn-pan-end{background:#2a2017}
:root[data-theme="dark"] .mn-pan-no{-webkit-text-stroke-color:#e0b06a}
:root[data-theme="dark"] .mn-combo-sum,:root[data-theme="dark"] .mn-final{background:var(--gold);color:#2a1a0e}
:root[data-theme="dark"] .mn-combo-sum{background:#c99645;color:#2a1a0e}
:root[data-theme="dark"] .mn-combo-sum .mn-eyebrow,:root[data-theme="dark"] .mn-final .mn-eyebrow{color:#2a1a0e}
:root[data-theme="dark"] .mn-final .mn-h2{color:#2a1a0e}
:root[data-theme="dark"] .mn-final .mn-h2 i{color:#4a2f1d}
:root[data-theme="dark"] .mn-final .link{color:#2a1a0e;border-color:#2a1a0e}
:root[data-theme="dark"] .mn-form{background:#241b13;color:#f6ead8}
:root[data-theme="dark"] .mn-field input,:root[data-theme="dark"] .mn-field select,:root[data-theme="dark"] .mn-field textarea{color:#f6ead8;border-color:rgba(246,234,216,.35)}
:root[data-theme="dark"] .mn-err{color:#ff8a80}
:root[data-theme="dark"] .mn-sel-list{background:#2a2017}
:root[data-theme="dark"] .mn-ok{background:#20321d;color:#dff3d8}
:root[data-theme="dark"] .mn-hours{background:rgba(42,26,14,.25);border-color:rgba(42,26,14,.35)}
:root[data-theme="dark"] .mn-hours i{background:#2a1a0e;color:#e8b865}
:root[data-theme="dark"] .mn-orderbar{background:#f6ead8;color:#15100b}
:root[data-theme="dark"] .mn-orderbar b{color:#8c5a36}
:root[data-theme="dark"] .mn-combo-list li{background:rgba(42,26,14,.2)}
:root[data-theme="dark"] .mn-seg button[aria-selected="true"]{background:#f6ead8;color:#15100b}
:root[data-theme="dark"] .os-float img{mix-blend-mode:normal}
:root[data-theme="dark"] .os-smoke i{background:radial-gradient(circle,rgba(246,234,216,.45) 0%,rgba(246,234,216,.22) 40%,rgba(246,234,216,0) 70%)}

/* Party orders in dark mode: text on gold, pressed chips and hover fills keep dark ink; outlines use the light tone */
:root[data-theme="dark"] .po-bigword{-webkit-text-stroke-color:rgba(224,176,106,.24)}
:root[data-theme="dark"] .po-chip[aria-pressed="true"],:root[data-theme="dark"] .po-step button:hover,:root[data-theme="dark"] .po-q-ctl>button:hover{color:#2a1a0e}
:root[data-theme="dark"] .po-incl i,:root[data-theme="dark"] .po-grp legend span,:root[data-theme="dark"] .po-heat .po-label span,:root[data-theme="dark"] .po-pk-price{color:#2a1a0e}
:root[data-theme="dark"] .po-steps li:hover .po-st-ico{color:#2a1a0e}
:root[data-theme="dark"] .po-st-ico{background:var(--sand2)}
:root[data-theme="dark"] .po-pk-media{background:var(--sand2)}
:root[data-theme="dark"] .po-feast-tag{background:#f6ead8;color:#15100b}
:root[data-theme="dark"] .po-pkg{background:#1d150e}
:root[data-theme="dark"] .po-how{background:#1d150e}
:root[data-theme="dark"] .po-why{background:#1d150e}
:root[data-theme="dark"] .po-chip{border-color:rgba(246,234,216,.4)}
:root[data-theme="dark"] .po-step{border-color:rgba(246,234,216,.4)}
:root[data-theme="dark"] .po-occ-btn,:root[data-theme="dark"] .po-pk-btn,:root[data-theme="dark"] .po-reasons li,:root[data-theme="dark"] .po-occ-list{border-color:rgba(246,234,216,.22)}
:root[data-theme="dark"] .po-tags li{border-color:rgba(246,234,216,.3)}
:root[data-theme="dark"] .po-dlg-x{color:#2a1a0e}

/* Contact page in dark mode: the ivory form panel and gold states keep dark ink; outlines use the light tone */
:root[data-theme="dark"] .cx-hero{--hero-glow:#2b2119;--hero-dot:rgba(224,176,106,.16)}
:root[data-theme="dark"] .cx-bigword{-webkit-text-stroke-color:rgba(224,176,106,.24)}
:root[data-theme="dark"] .cx-topic input:checked+span,:root[data-theme="dark"] .cx-topic input:checked+span i{color:#2a1a0e}
:root[data-theme="dark"] .cx-form{background:#241b13}
:root[data-theme="dark"] .cx-form-sec{background:#1d150e}
:root[data-theme="dark"] .cx-line-ico,:root[data-theme="dark"] .cx-faq-item summary>i,:root[data-theme="dark"] .cx-qr{border-color:rgba(246,234,216,.45)}
:root[data-theme="dark"] .cx-qr i,:root[data-theme="dark"] .cx-find-tips i{color:#e0b06a}
:root[data-theme="dark"] .cx-find-tips i{background:#2e2319}
:root[data-theme="dark"] .cx-faq-item summary:hover>i,:root[data-theme="dark"] .cx-faq-item[open] summary>i,:root[data-theme="dark"] .cx-line:hover .cx-line-ico{color:#2a1a0e}
:root[data-theme="dark"] .cx-pill span,:root[data-theme="dark"] .cx-topic span{border-color:rgba(246,234,216,.4)}
:root[data-theme="dark"] .cx-pill input:checked+span{color:#15100b;background:#e0b06a;border-color:#e0b06a}
:root[data-theme="dark"] .cx-zoom button{color:#2a1a0e}
:root[data-theme="dark"] .cx-counts,:root[data-theme="dark"] .cx-lines,:root[data-theme="dark"] .cx-faq-list,:root[data-theme="dark"] .cx-days li{border-color:rgba(246,234,216,.2)}
:root[data-theme="dark"] .cx-ok{background:#2e2319}

/* Visibility fixes (dark mode): text and icons that were the same colour as their background */
:root[data-theme="dark"] #about .tile.t2 p{color:#2a1a0e;opacity:1}
:root[data-theme="dark"] .h2-spoke.is-active{background:#e8b865}
:root[data-theme="dark"] #join .h2-join-field input::placeholder{color:#5c4326;opacity:1}
:root[data-theme="dark"] #join .h2-join-field>i{color:#2a1a0e}
/* Kitchen letter card: the paper stays light in dark mode, so its text stays dark */
:root[data-theme="dark"] .h2-letter-hi{color:#2a1a0e}
:root[data-theme="dark"] .h2-letter p:not(.h2-letter-hi){color:#5c3d1e}
:root[data-theme="dark"] .h2-letter-sign{color:#7a4a1e}
:root[data-theme="dark"] .mn-pan-img>.mn-add:not([aria-pressed="true"]):not(:hover){color:#2a1a0e}  /* light card on a photo keeps dark text */

/* Menu hero stats card (4.8 / 30+ / Daily): dark glass so cream numbers and gold labels stay readable in dark mode */
:root[data-theme="dark"] .mn-art-card{background:rgba(34,26,18,.9);border-color:rgba(246,234,216,.18)}
:root[data-theme="dark"] .mn-art-card b{color:var(--ink)}
:root[data-theme="dark"] .mn-art-card span{color:var(--brown)}