:root {
  color-scheme: dark;
  --ink: #f5f7f6;
  --muted: #a2ada8;
  --line: #303633;
  --page: #050606;
  --surface: #121513;
  --forest: #43d39e;
  --forest-dark: #25af7d;
  --forest-soft: #16392d;
  --orange-soft: #3b2416;
  --shadow: 0 12px 30px rgba(0,0,0,.45);
}
html, body, #merchant-app { color: var(--ink); background: var(--page); }
.site-header, .portal-topbar, .merchant-card, .portal-panel, .metric-card,
.product-card, .service-card, .auth-panel, .checkout-panel, .checkout-summary,
.cart-panel, .designer-header, .designer-assets, .designer-spec-panel,
.asset-panel, .designer-toolbar, .designer-note, .quick-item,
.detail-thumb, .detail-secondary, .size-pill, .detail-table, .recommend-card {
  color: var(--ink);
  border-color: var(--line);
  background-color: var(--surface);
}
.site-header { background: rgba(5,6,6,.96); }
.nav-link, .header-action, .icon-action, .input, .textarea, select, input, textarea,
.designer-sizes button, .qty-control, .secondary-action {
  color: var(--ink);
  border-color: #454c48;
  background: #181b19;
}
.primary-action, .designer-cart { color: #07120e; border-color: var(--forest); background: var(--forest); }
.product-body p, small, .portal-heading p, .metric-foot, .spec-label { color: var(--muted); }
.designer-canvas-shell, .product-image, .checkout-item img, .preview-part { background-color: #edf2ef; }
.detail-tabs, .detail-copy dt, .detail-table th { color: var(--ink); border-color: var(--line); background: #181b19; }
.detail-main-image { border-color: var(--line); background: #edf2ef; }
.detail-copy p, .detail-option label, .detail-breadcrumb, .detail-specs small { color: var(--muted); }