/* OrbiCore Unified Theme (v1)
   Place next to your HTML files: /theme.css
*/
:root{
  --accent:#b000c8; /* top line accent */
  --bg:#eceae8;     /* light gray background */
  --ink:#111;
  --muted:#4b4b4b;
  --line:rgba(0,0,0,.12);
  --card:#fff;
  --shadow: 0 10px 26px rgba(0,0,0,.12);
  --shadow2: 0 16px 34px rgba(0,0,0,.14);
  --serif: Georgia, "Times New Roman", Times, serif;
  --sans: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --max: 1180px;
}

/* Make the marketplace page match the light OrbiCore site without rewriting its CSS */
body.oc-market{
  background: var(--bg) !important;
  color: var(--ink) !important;
}

/* Topbar / panels */
body.oc-market .topbar{
  background: rgba(236,234,232,.90) !important;
  border:1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
}
body.oc-market .brand p,
body.oc-market .kv span,
body.oc-market .pill,
body.oc-market .search input::placeholder{
  color: rgba(0,0,0,.55) !important;
}
body.oc-market .logo{
  border-color: rgba(176,0,200,.35) !important;
  background: linear-gradient(145deg, rgba(176,0,200,.16), rgba(176,0,200,.04)) !important;
  color: #111 !important;
}

/* Inputs */
body.oc-market .search,
body.oc-market .pill,
body.oc-market input,
body.oc-market textarea,
body.oc-market select{
  background: rgba(255,255,255,.75) !important;
  border:1px solid var(--line) !important;
  color: var(--ink) !important;
}
body.oc-market .search input{ color: var(--ink) !important; }

/* Cards */
body.oc-market .card,
body.oc-market .product,
body.oc-market .kv,
body.oc-market .tag,
body.oc-market .adminbar{
  background: rgba(255,255,255,.80) !important;
  border:1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  color: var(--ink) !important;
}
body.oc-market .hero .left p,
body.oc-market .pdesc,
body.oc-market .stock{
  color: rgba(0,0,0,.62) !important;
}
body.oc-market .badge{
  background: rgba(255,255,255,.82) !important;
  color: rgba(0,0,0,.70) !important;
  border-color: var(--line) !important;
}
body.oc-market .badge.right{
  background: rgba(176,0,200,.10) !important;
  border-color: rgba(176,0,200,.28) !important;
  color: rgba(0,0,0,.85) !important;
}

/* Buttons */
body.oc-market .btn,
body.oc-market .mini.primary{
  background: #0b0b0b !important;
  border-color: rgba(0,0,0,.18) !important;
  color:#fff !important;
}
body.oc-market .btn.secondary,
body.oc-market .mini{
  background: rgba(255,255,255,.70) !important;
  border:1px solid var(--line) !important;
  color: #111 !important;
}
body.oc-market .btn.danger,
body.oc-market .mini.danger{
  background: rgba(239,68,68,.10) !important;
  border-color: rgba(239,68,68,.28) !important;
  color: #7a0b0b !important;
}

/* Modals */
body.oc-market .modal{
  background: rgba(255,255,255,.92) !important;
  color: var(--ink) !important;
  border-color: var(--line) !important;
}
body.oc-market .mhead{
  background: rgba(255,255,255,.92) !important;
  border-bottom:1px solid var(--line) !important;
}