/* Uses the same validated palette as the desktop. */
:root{--theme-background:#050810;--theme-surface:#0b111e;--theme-raised:#131d2d;--theme-text:#edf4ff;--theme-muted:#a7b5ca;--theme-accent:#00d9ff;--theme-secondary:#a94cff;--theme-border:#2d3e58;--theme-on-accent:#07121b;--theme-on-secondary:#fff;--theme-selected:#0a2f40;--theme-hover:#102330}
html,body{background:var(--theme-background)!important;color:var(--theme-text)!important}
header,.side-panel,.topbar,main,.card,.lightbox-panel,.benefits{background:var(--theme-surface)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:none!important}
input,select,button,.view-btn,.gallery button,.lightbox-controls button,.lightbox-thumbs button,.photo-arrow{background:var(--theme-raised)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:none!important}
.cover,.lightbox-photo{background:var(--theme-raised)!important;color:var(--theme-muted)!important}
input::placeholder,.topbar input::placeholder{color:var(--theme-muted)!important}
h1,h2,.price,.company-brand h1,.side-identity strong,.benefits strong,.lightbox-name{color:var(--theme-text)!important;text-shadow:none!important}
p,.tag,.description,.material,.company-description,.company-brand span,.side-identity small,.content-heading p,footer,footer small,.benefits small,.lightbox-description,.lightbox-meta,.lightbox-note,.lightbox-counter,#empty{color:var(--theme-muted)!important}
.side-category{color:var(--theme-text)!important;background:transparent!important}.side-category:hover{background:var(--theme-hover)!important}.side-category.active,.view-btn.selected,.lightbox-thumbs button.selected{background:var(--theme-selected)!important;color:var(--theme-text)!important;border-color:var(--theme-accent)!important;box-shadow:none!important}
.order,.product-share,.lightbox-order,.lightbox-close{background:var(--theme-accent)!important;color:var(--theme-on-accent)!important;border-color:var(--theme-accent)!important;box-shadow:none!important}
.order *, .product-share *{color:inherit!important}
.brand-symbol,.footer-symbol,.lightbox-category,.lightbox-price,.benefits b{color:var(--theme-accent)!important;text-shadow:none!important}
.lightbox-meta,.company-brand,.side-bottom{border-color:var(--theme-border)!important}
input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--theme-accent)!important;outline-offset:3px}
.cover:after{background:var(--theme-secondary)!important;color:var(--theme-on-secondary)!important}

/* Botoes de acao com identidade fixa, independentes da paleta escolhida. */
a.order, a.lightbox-order, .lightbox-order {
  background:#16803c!important;
  border-color:#16803c!important;
  color:#ffffff!important;
  box-shadow:none!important;
}
a.order:hover, a.lightbox-order:hover, .lightbox-order:hover {
  background:#11632f!important;
  border-color:#11632f!important;
  color:#ffffff!important;
}
button.product-share, .product-share, button.lightbox-share {
  background:#1769d2!important;
  border-color:#1769d2!important;
  color:#ffffff!important;
  box-shadow:none!important;
}
button.product-share:hover, .product-share:hover, button.lightbox-share:hover {
  background:#1052a8!important;
  border-color:#1052a8!important;
  color:#ffffff!important;
}
a.order *, a.lightbox-order *, button.product-share *, .product-share * {color:#ffffff!important}

/* Cabeçalho com cor independente da paleta geral. */
.catalog-shell > header.side-panel{background:var(--catalog-header-color,var(--theme-surface))!important}
