/* CAR DECORATION BD — STEP 05 Admin central theme layer.
   Static red/black/white values are safe fallbacks. Runtime branding may
   override the five public --brand-* theme tokens without touching semantics. */
:root{
  --brand-primary:#E30613;
  --brand-primary-hover:#B0000A;
  --brand-primary-soft:#FFF1F2;
  --brand-highlight:var(--brand-primary);
  --brand-secondary:#111111;
  --brand-background:#FFFFFF;
  --brand-surface:var(--brand-background);
  --brand-text:var(--brand-secondary);
  --brand-muted:#625C50;
  --brand-border:#E5E5E5;
  --brand-on-primary:#FFFFFF;

  --black:var(--brand-secondary) !important;
  --gold:var(--brand-primary) !important;
  --gold2:var(--brand-primary-hover) !important;
  --cream:var(--brand-primary-soft) !important;
  --muted:#625C50 !important;
  --border:#E5E5E5 !important;
  --white:#FFFFFF !important;
}

body{background-color:var(--brand-background);color:var(--brand-text)}
::selection{background:var(--brand-primary);color:var(--brand-on-primary)}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease}
a:hover{color:var(--brand-primary-hover)}
input:focus,select:focus,textarea:focus{
  border-color:var(--brand-primary) !important;
  box-shadow:0 0 0 3px var(--brand-primary-soft) !important;
  outline:none;
}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--brand-primary);
  outline-offset:2px;
}
.sb-item.active,.sb-item:hover,.tab.active,.tab-btn.active,.nav-item.active{
  border-color:var(--brand-primary);
}


/* Legacy Admin gold consumers that are genuinely brand accents now follow the
   same central identity. Functional success/error/warning colors stay intact. */
.drawer-order,.drawer-account{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover)) !important;color:#fff !important}
.drawer-order:focus-visible,.drawer-account:focus-visible{outline-color:var(--brand-primary-soft) !important}
.bottom-nav{border-top-color:var(--brand-primary-soft) !important}
.bnav-item.active,.bnav-item:hover{color:var(--brand-primary) !important}
.ks-sr-cat,.ks-sr-chip{background:var(--brand-primary-soft) !important}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* STEP 05 Small Fix — remaining visible Admin legacy-gold brand accents.
   These overrides intentionally cover Admin chrome/primary actions only.
   Storefront preview/editor color values, PDF/export palettes and semantic
   success/error/warning colors remain untouched. */
.sb-logo-t .rule{background:var(--brand-primary) !important}
.sb-logo-t .s,
.toolbar-brand small{color:var(--brand-primary) !important}
.sb-item:hover,.sb-item.active{
  color:var(--brand-primary) !important;
  border-left-color:var(--brand-primary) !important;
}
.sb-preview-btn,
.save-btn,
.tool-btn.active,
.dev-btn.active,
.toggle input:checked + .tslider,
.toggle input:checked + .tsl,
.status-dot,
.elem-dot{
  background:var(--brand-primary) !important;
}
.sb-preview-btn:hover,.save-btn:hover{background:var(--brand-primary-hover) !important}
.icon-opt:hover,.icon-opt.sel{border-color:var(--brand-primary) !important;background:var(--brand-primary-soft) !important}
.highlight-box{border-color:var(--brand-primary) !important;box-shadow:0 0 0 3px var(--brand-primary-soft) !important}
.highlight-label{background:var(--brand-primary) !important;color:var(--brand-on-primary) !important}
.editor-selected{outline-color:var(--brand-primary) !important}
.topbar h1{color:var(--brand-primary) !important}
.topbar a[href*="dashboard"]{background:var(--brand-primary) !important;color:var(--brand-on-primary) !important}
.btn.primary,.tools button,.save{background:var(--brand-primary) !important;color:var(--brand-on-primary) !important}
.preview-value,.sec-product-chip strong{color:var(--brand-primary) !important}
.sec-product-result:hover{border-color:var(--brand-primary) !important;background:var(--brand-primary-soft) !important}