* {
  --primary-color: #29B6E8;
  --primary-color-rgb: 41, 182, 232;
  --bg-dark-1: #0D1E2D;
  --bg-dark-2: #081525;
  --bg-dark-3: #1A1A1A;
  --bg-dark-1-rgb: 13, 30, 45;
}

/* Ensure button text is white on the blue primary */
.btn-main,
.btn-main:hover,
.btn-main:focus {
  color: #fff !important;
}

/* Marquee text on primary (blue) bg — keep dark for contrast */
.bg-color .de-marquee-list-2 span.fw-600 {
  color: #0D1E2D !important;
}

/* Dark bg sections use the deep navy */
.section-dark,
.bg-dark,
footer.section-dark {
  background: var(--bg-dark-1) !important;
}

/* Subfooter slightly darker */
.subfooter {
  background: var(--bg-dark-2) !important;
}

/* Shrink logo when header collapses on scroll */
header.smaller div#logo img {
  max-width: 90px !important;
  transition: max-width 0.3s ease;
}

/* ── dark-bg headings — force white so they show on navy bg */
.section-dark h1, .section-dark h2, .section-dark h3,
.section-dark h4, .section-dark h5,
.bg-dark h1, .bg-dark h2, .bg-dark h3,
.bg-dark h4, .bg-dark h5 {
  color: #ffffff;
}