html body .fap-detail,
html body .fap-checkout-page,
html body .cust-dashboard,
html body .fap-login,
html body .fap-register {
  --bg: var(--fap-page-bg, #f8fafc) !important;
  --card: var(--fap-card-bg, #ffffff) !important;
  --text: var(--fap-text, #0f172a) !important;
  --muted: var(--fap-muted, #64748b) !important;
  --line: var(--fap-border, #e6e8f0) !important;
  --yellow: var(--fap-primary, #facc15) !important;
  --yellow2: var(--fap-primary-hover, #fde047) !important;
  --black: var(--fap-secondary, #111111) !important;
  --green: var(--fap-success, #16a34a) !important;
  --red: var(--fap-danger, #dc2626) !important;
  --amber: var(--fap-warning, #f59e0b) !important;
  --shadow: var(--fap-shadow, 0 18px 55px rgba(15,23,42,.08)) !important;
  --shadow2: var(--fap-shadow, 0 10px 30px rgba(15,23,42,.06)) !important;
  font-family: var(--fap-font-family, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) !important;
}

html body .fap-detail,
html body .fap-checkout-page,
html body .cust-dashboard,
html body .fap-login,
html body .fap-register {
  background: linear-gradient(
    180deg,
    var(--fap-page-bg, #f8fafc) 0%,
    var(--fap-page-bg, #f8fafc) 100%
  ) !important;
  color: var(--fap-text, #0f172a) !important;
}

html body .fap-detail .card,
html body .fap-checkout-page .card,
html body .cust-dashboard .card,
html body .fap-login .fap-login-main,
html body .fap-login .fap-side-card,
html body .fap-register .fap-register-main,
html body .fap-register .fap-side-card {
  border-radius: var(--fap-card-radius, 24px) !important;
}

html body .fap-detail input,
html body .fap-detail select,
html body .fap-detail textarea,
html body .fap-checkout-page input,
html body .fap-checkout-page select,
html body .fap-checkout-page textarea,
html body .cust-dashboard input,
html body .cust-dashboard select,
html body .cust-dashboard textarea,
html body .fap-login input,
html body .fap-login select,
html body .fap-login textarea,
html body .fap-register input,
html body .fap-register select,
html body .fap-register textarea {
  background: var(--fap-input-bg, #ffffff) !important;
  color: var(--fap-input-text, #111111) !important;
  border-color: var(--fap-input-border, #e6e8f0) !important;
  border-radius: var(--fap-input-radius, 14px) !important;
  font-family: var(--fap-font-family, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif) !important;
}

html body .fap-detail .btn-buy-main,
html body .fap-checkout-page .btn-buy,
html body .cust-dashboard .a-primary,
html body .fap-register .fap-btn-register,
html body .fap-login .fap-btn-login {
  background: linear-gradient(
    180deg,
    var(--fap-primary, #facc15),
    var(--fap-primary-hover, #fde047)
  ) !important;
  color: var(--fap-button-primary-text, #111111) !important;
  border-color: transparent !important;
  border-radius: var(--fap-button-radius, 16px) !important;
}

html body .fap-detail .btn-cart-main,
html body .fap-detail .btn-primary,
html body .fap-checkout-page .btn-dark,
html body .cust-dashboard .btn-ghost,
html body .cust-dashboard .a-secondary,
html body .fap-detail .save-btn,
html body .fap-detail .btn-ghost {
  background: var(--fap-button-secondary-bg, #ffffff) !important;
  color: var(--fap-button-secondary-text, #111111) !important;
  border-color: var(--fap-button-secondary-border, #e5e7eb) !important;
  border-radius: var(--fap-button-radius, 16px) !important;
}

html body .cust-dashboard .cust-nav li.active,
html body .fap-detail .save-btn.saved {
  background: var(--fap-primary, #facc15) !important;
  border-color: var(--fap-primary, #facc15) !important;
  color: var(--fap-button-primary-text, #111111) !important;
}

html body .fap-detail .price-wrap,
html body .fap-detail .commerce-box,
html body .fap-checkout-page .summary-total,
html body .cust-dashboard .stat-card,
html body .cust-dashboard .panel {
  box-shadow: var(--fap-shadow, 0 12px 30px rgba(15,23,42,.06)) !important;
}

html body .fap-detail .stock-pill,
html body .fap-checkout-page .top-pill,
html body .fap-detail .meta-pill,
html body .fap-detail .section-chip,
html body .fap-login .fap-kicker,
html body .fap-register .fap-kicker {
  border-radius: var(--fap-pill-radius, 999px) !important;
}

html body .fap-detail .badge.paid,
html body .cust-dashboard .badge.paid {
  background: color-mix(in srgb, var(--fap-success, #16a34a) 16%, white) !important;
  color: var(--fap-success, #16a34a) !important;
  border-color: color-mix(in srgb, var(--fap-success, #16a34a) 35%, white) !important;
}

html body .fap-detail .badge.cancelled,
html body .cust-dashboard .badge.cancelled {
  background: color-mix(in srgb, var(--fap-danger, #dc2626) 14%, white) !important;
  color: var(--fap-danger, #dc2626) !important;
  border-color: color-mix(in srgb, var(--fap-danger, #dc2626) 35%, white) !important;
}

html body .fap-detail .badge.unpaid,
html body .cust-dashboard .badge.unpaid {
  background: color-mix(in srgb, var(--fap-warning, #f59e0b) 14%, white) !important;
  color: var(--fap-warning, #f59e0b) !important;
  border-color: color-mix(in srgb, var(--fap-warning, #f59e0b) 35%, white) !important;
}