:root {
  --bg: #f8f3f2;
  --ink: #402e33;
  --muted: #8b7077;
  --gold: #7c555e;
  --gold2: #e6d7da;
  --black: #5f3f47;
  --card: #ffffff;
  --line: #e6d7da;
  --admin-bg: #f8f3f2;
  --admin-surface: #ffffff;
  --admin-surface-soft: #fbf7f6;
  --admin-sidebar: #5f3f47;
  --admin-sidebar-soft: #7c555e;
  --admin-ink: #402e33;
  --admin-muted: #8b7077;
  --admin-line: #e6d7da;
  --admin-line-dark: #97636f;
  --admin-gold: #7c555e;
  --admin-gold-light: #e6d7da;
  --admin-gold-soft: #f2e7e8;
}

body { color: var(--ink); }

/* El acceso flotante al carrito solo pertenece a la vista móvil. */
.mobile-cart-float {
  display: none !important;
  position: fixed;
  right: 18px;
  bottom: 82px;
  z-index: 45;
  min-width: 0;
  height: 52px;
  padding: 0 17px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #d9c1c6;
  border-radius: 999px;
  background: #5f3f47;
  color: #fff;
  box-shadow: 0 10px 28px rgba(64, 46, 51, 0.24);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.mobile-cart-float svg {
  width: 21px !important;
  height: 21px !important;
  flex: 0 0 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mobile-cart-float b {
  display: grid;
  place-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  border-radius: 999px;
  background: #fff;
  color: #5f3f47;
  font-size: 11px;
}

.wholesale-header-btn,
.gold-btn,
.add-btn,
.checkout-submit,
.maintenance-whatsapp-v4,
.cart-checkout,
.primary,
button.primary {
  background: #5f3f47 !important;
  border-color: #5f3f47 !important;
  color: #fff !important;
}

.wholesale-header-btn:hover,
.gold-btn:hover,
.add-btn:hover,
.primary:hover,
button.primary:hover {
  background: #7c555e !important;
  border-color: #7c555e !important;
}

.price,
.product-price,
.wholesale-price-amount,
.grand-wholesale-price,
.maintenance-kicker-v4,
.admin-login-kicker,
.admin-order-share-label-v2,
.payment-config-location-v2 {
  color: #7c555e !important;
}

.cart-count,
.qty-badge,
.credit-installment-number-v2,
.credit-status-v2.current {
  background: #7c555e !important;
  color: #fff !important;
}

.admin-page,
.admin-main,
.admin-content { background: #f8f3f2 !important; }

.admin-sidebar,
.admin-login-brand {
  background: #5f3f47 !important;
}

.admin-sidebar .active,
.admin-nav button:hover,
.admin-login-feature span {
  background: #7c555e !important;
  color: #fff !important;
}

.admin-card,
.credit-panel-v2,
.admin-order-card-v2,
.admin-order-share-group-v2,
.payment-method-card-v2,
.maintenance-settings-card-v4,
.flexible-payment-body-v5,
.order-catalog-item-v2 {
  border-color: #e6d7da !important;
}

.admin-order-share-group-v2.comparison,
.credit-summary-v2,
.flexible-payment-preview-v5,
.maintenance-settings-card-v4,
.payment-global-options-v2 {
  background: #fbf7f6 !important;
}

.admin-order-card-v2 button,
.credit-dialog-actions-v2 button,
.flexible-products-head-v5 button,
.small-btn,
.admin-pwa-install button {
  border-color: #cdb5ba;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #7c555e !important;
  box-shadow: 0 0 0 3px rgba(124, 85, 94, 0.13) !important;
}

/* Checkout de Kamaru: métodos de pago sin acentos dorados heredados. */
.payment-options .payment-method-card > span {
  border-color: #e6d7da !important;
  background: #fffafa !important;
  color: #402e33 !important;
}

.payment-options .payment-method-card > span:hover {
  border-color: #b88994 !important;
  background: #fbf7f6 !important;
}

.payment-options .payment-method-card input:checked + span {
  border-color: #7c555e !important;
  background: #f7edef !important;
  box-shadow: 0 0 0 2px rgba(124, 85, 94, 0.12) !important;
}

.payment-method-icon {
  background: #f2e7e8 !important;
  color: #7c555e !important;
}

.payment-method-check {
  border-color: #cdb5ba !important;
  background: #fff !important;
  color: transparent !important;
}

.payment-method-card input:checked + span .payment-method-check {
  border-color: #7c555e !important;
  background: #7c555e !important;
  color: #fff !important;
}

/* Identidad integral del panel administrativo. */
.admin-login-mark,
.admin-auth-submit,
.admin-welcome,
.admin-welcome-actions button,
.admin-profile,
.admin-page button.primary,
.admin-page .admin-actions .primary {
  background: #5f3f47 !important;
  color: #fff !important;
}

.admin-login-brand::after,
.admin-welcome::after {
  content: "K" !important;
  color: rgba(230, 215, 218, 0.08) !important;
}

.admin-page .admin-tabs button.active {
  border-color: #97636f !important;
  background: #694750 !important;
  color: #fff !important;
  box-shadow: inset 3px 0 0 #e6d7da !important;
}

.admin-avatar,
.admin-stat-card-icon,
.variant-number,
.credit-installment-number-v2,
.sales-ranking > div > b:first-child {
  background: #f2e7e8 !important;
  color: #7c555e !important;
}

.maintenance-preview-v4,
.maintenance-switch-v4,
.payment-option-v2,
.credit-panel-v2,
.admin-order-share-group-v2.comparison {
  border-color: #e6d7da !important;
  background: #fffafa !important;
}

.maintenance-config-card-v4 {
  border-color: rgba(124, 85, 94, 0.24) !important;
  background: linear-gradient(145deg, #fffafa, #fff 60%) !important;
  box-shadow: 0 10px 28px rgba(64, 46, 51, 0.06) !important;
}

.maintenance-preview-v4 {
  border-color: #eadde0 !important;
  background: radial-gradient(circle at top, #fff 0, #fbf5f6 100%) !important;
}

.maintenance-status-v4,
.maintenance-preview-label-v4,
.maintenance-preview-button-v4,
.payment-config-location-v2 {
  border-color: #cdb5ba !important;
  background: #f2e7e8 !important;
  color: #7c555e !important;
}

@media (max-width: 760px) {
  .wholesale-header-btn { box-shadow: 0 7px 18px rgba(95, 63, 71, 0.2) !important; }
  .mobile-cart-float:not(.hidden) { display: flex !important; }
}