:root{color-scheme:light;--preference-line:#dce2d7;--preference-bg:#fff;--preference-ink:#293328}
.preference-bar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-top:9px;padding-bottom:9px;font-family:Arial,sans-serif}
.preference-field{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--preference-ink)}
.preference-field select{font:13px Arial,sans-serif;min-height:36px;max-width:165px;padding:6px 26px 6px 10px;color:var(--preference-ink);border:1px solid var(--preference-line);border-radius:5px;background:var(--preference-bg);cursor:pointer}
.preference-field select:focus-visible{outline:3px solid #b88a52;outline-offset:2px}
.admin-page .preference-bar{padding:0 0 20px}
html{scroll-padding-top:170px}
html[data-color-scheme=dark]{color-scheme:dark;--ink:#e8ede3;--paper:#151c17;--line:#3d4b3f;--muted:#b2bead;--gold:#d5ac78;--preference-line:#4d5c4f;--preference-bg:#243027;--preference-ink:#e8ede3}
html[data-color-scheme=dark] body{background:var(--paper);color:var(--ink)}
html[data-color-scheme=dark] header{background:#1b261e;border-color:var(--line)}
html[data-color-scheme=dark] .topbar{background:#0e1611;color:#dce7d5}
html[data-color-scheme=dark] :is(.product,.cat-tile,.stat,.row,.panel,.cat-form,.empty){background:#202c23;border-color:var(--line);color:var(--ink)}
html[data-color-scheme=dark] .cat-tile:hover{background:#2a392d}
html[data-color-scheme=dark] :is(.hero p,.hero .mini,.benefits span,.section-head p,.product p,.product small,.product .product-meta,.cat-tile p,.quote p,.footer-row p,.note,.empty,.dialog-copy,.quote-options,.detail-desc,.stat span,.row small,.row-price span,.section-bar p,.field small,#catalogStatus){color:#bac5b5}
html[data-color-scheme=dark] :is(.eyebrow,.cat-tile span,.product .number,.feature-label){color:#deb882!important}
html[data-color-scheme=dark] .hero h1 em{color:#d7b385}
html[data-color-scheme=dark] :is(.product .price,.product button,.filter){color:var(--ink)}
html[data-color-scheme=dark] .btn{background:#d6bc96;border-color:#d6bc96;color:#162118}
html[data-color-scheme=dark] .btn.light{background:#253429;color:#eef4e9;border-color:#64765d}
html[data-color-scheme=dark] :is(.btn.light:hover,.filter.active){background:#d6bc96;border-color:#d6bc96;color:#162118}
html[data-color-scheme=dark] :is(.field input,.field textarea,.field select,.toolbar input,.toolbar select){background:#18231c;border-color:#65745c;color:#edf3e8}
html[data-color-scheme=dark] :is(input,textarea)::placeholder{color:#a8b7a0;opacity:1}
html[data-color-scheme=dark] dialog{background:#202c23;color:#edf3e8}
html[data-color-scheme=dark] .close{color:#edf3e8}
html[data-color-scheme=dark] :is(.detail-summary,#rentalFields,.empty-state){background:#2c3d2d;border-color:#566b4d;color:#e4eddf}
html[data-color-scheme=dark] .empty-state p{color:#becbb5}
html[data-color-scheme=dark] #promotionFields{background:#3a3224;border-color:#756140}
html[data-color-scheme=dark] .application{background:#283d2b;color:#f1f5ed}
html[data-color-scheme=dark] .badge{background:#374e31;color:#e0edce}
html[data-color-scheme=dark] .badge.muted{background:#42483e;color:#dde4d7}
html[data-color-scheme=dark] .owner-label{color:#d2dec8}
html[data-color-scheme=dark] .original-price{color:#b2bbab}
html[data-color-scheme=dark] .error{color:#ffb6ad}
html[data-color-scheme=dark] .quote-item button{color:#e2bd8c}
html[data-color-scheme=dark] .promo-filter{border-color:#e59c77;color:#f5bc96}
.brand-logo,#logoPreview{background:transparent}
.brand-logo{overflow:hidden}
/* Frame the artwork within the transparent source canvas, preserving its proportions. */
.brand-logo img[src="/images/logo-artes-madeira-transparente.png"]{transform:translate(-4.2%,10.2%) scale(2.05)}
img[src="/images/logo-artes-madeira-transparente.png"]{filter:brightness(0)}
html[data-color-scheme=dark] img[src="/images/logo-artes-madeira-transparente.png"]{filter:brightness(0) invert(1)}
@media(max-width:600px){.preference-bar{gap:10px;justify-content:space-between}.preference-field{gap:5px;font-size:11px}.preference-field select{font-size:12px;max-width:145px;padding-left:7px}.admin-page .preference-bar{justify-content:flex-end}.preference-field>span{white-space:nowrap}}
@media(max-width:370px){.preference-field{align-items:flex-start;flex-direction:column;gap:3px}.preference-bar{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category img,.cat-tile{transition:none}}
