/* Brand color overrides for black backgrounds */
/* Loaded after main.css to force immediate visual change */

:root {
  --brand: #00476b;
  --brand-contrast: #ffffff;
}

body.darkTheme .header,
.rangeValue,
.process-success,
.process-col-fail,
.politica__privacidad,
.btnPrimary,
.tabMenuProcess li.active a,
#frontPersonalization .fpHeader>div a.active,
.uploadedImage a:hover,
.loginContent,
.supNum,
.pill-selected,
.section-btn-selected,
.section-btn-selected:hover {
  background: var(--brand) !important;
  background-color: var(--brand) !important;
  color: var(--brand-contrast) !important;
  border-color: var(--brand) !important;
}

/* Specific overrides for buttons inside branded containers */
.politica__privacidad .btnPrimary { background: var(--brand-contrast) !important; color: var(--brand) !important; }
.politica__privacidad .btnSecondary { background: var(--brand) !important; border-color: var(--brand-contrast) !important; color: var(--brand-contrast) !important; }

/* Radio / checkbox checked visuals (brand instead of black) */
input[type="radio"]:checked::before,
input[type="checkbox"]:checked {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}

/* Dark overlay tint: keep translucency but use brand hue */
.darkCover.active { background: rgba(0, 71, 107, 0.65) !important; }

/* Minor helpers */
.range-slider__progress::before { background: var(--brand) !important; }