/**
 * Load AFTER Bootstrap + site bundle on Hostinger.
 * Bootstrap Reboot overrides h1–h6, body, and p (wrong font weight/color on dark theme).
 */

body {
  background-color: var(--de-bg, #0b0f19) !important;
  color: var(--de-text, #c5ced9) !important;
  font-family: var(--de-font, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif) !important;
}

body::before {
  z-index: -1 !important;
}

.de-page-wrap {
  position: relative;
  z-index: 1;
  font-family: var(--de-font, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
  color: var(--de-text, #c5ced9);
}

.de-page-wrap h1,
.de-page-wrap h2,
.de-page-wrap h3,
.de-page-wrap h4,
.de-page-wrap h5,
.de-page-wrap h6 {
  color: var(--de-heading, #f1f5f9) !important;
  font-family: var(--de-font, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif) !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: unset !important;
  background: none !important;
  background-clip: border-box !important;
}

.de-section__head--lux h2 {
  font-size: clamp(1.85rem, 3.5vw, 2.65rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.12 !important;
  color: var(--de-heading, #f1f5f9) !important;
}

.de-section__head p,
.de-section__head--lux p {
  color: var(--de-muted, #8b99ad) !important;
  font-size: 1.05rem;
  line-height: 1.65;
}

.de-page-wrap p {
  color: var(--de-text, #c5ced9);
}

.de-eyebrow {
  color: var(--de-brand, #ff2d6a) !important;
}

.de-home-software .de-section__head a {
  color: #ff8fb1 !important;
}