/**
 * MaruPay Tema 24 — texto #C7C7C7, fundo #303030
 * Usa engine "black" no bundle + esta folha (html.marupay-custom-gray).
 */
html.marupay-custom-gray[theme="black"],
html.marupay-custom-gray[theme="black"] body,
html.marupay-custom-gray[theme="black"] #root {
  background-color: #303030 !important;
  color: #c7c7c7 !important;
}

html.marupay-custom-gray[theme="black"] input::placeholder {
  color: rgba(199, 199, 199, 0.45) !important;
}

html.marupay-custom-gray[theme="black"] input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100vw #303030 inset !important;
  -webkit-text-fill-color: #c7c7c7 !important;
}

html.marupay-custom-gray[theme="black"] .skeleton-paragraph {
  background: linear-gradient(
    90deg,
    rgba(48, 48, 48, 0) 25%,
    rgba(90, 90, 90, 1) 37%,
    rgba(48, 48, 48, 1) 63%
  ) !important;
  background-size: 400% 100%;
}

html.marupay-custom-gray[theme="black"] .skeletonPageBg {
  background-color: #282828 !important;
}

html.marupay-custom-gray[theme="black"] .skeletonBoxLightBg {
  background-color: #353535 !important;
}

html.marupay-custom-gray[theme="black"] .skeletonBoxLightBg2 {
  background-color: #2a2a2a !important;
}

html.marupay-custom-gray[theme="black"] .skeletonBg {
  background-color: #383838 !important;
}

html.marupay-custom-gray[theme="black"] ._theme_mwbir_55 {
  --title-color: #c7c7c7 !important;
  --light-color: #b0b0b0 !important;
  --icon-color: #a8a8a8 !important;
  --color1: #c7c7c7 !important;
  --color2: #1f1f1f !important;
  --color3: #949494 !important;
  --color4: #e6e6e6 !important;
}