.xlh-child .navbar.navbar-inverse {
  background-color: #A4E0E0;
}
.xlh-child .navbar-brand {
filter: 
  brightness(0) 
  /* Step 2: Use hue-rotate & saturate to dial in target hex code */
  saturate(100%) invert(37%) sepia(61%) saturate(343%) hue-rotate(144deg) brightness(100%) contrast(95%);
}
.xlh-child body {
  background-repeat: no-repeat;
  
  /* Scale the image to cover the entire viewport */
  background-size: cover;
  
  /* Ensure the background stays fixed while scrolling */
  background-attachment: fixed;
  
  /* Set a minimum height to ensure it fills the window */
  min-height: 90vh;
  background-image: 
    radial-gradient(circle at 35% 10%, #ACDCD0 10%, transparent 20%),

    radial-gradient(circle at 0% 0%, #C6BAE0 10%, transparent 20%),
/* TOP LAYER: Soft radial glow in the top-left */

    radial-gradient(circle at 10% 90%, #98AADC 10%, transparent 50%),
    radial-gradient(circle at 50% 0%, #95D8E8 10%, transparent 50%),
    radial-gradient(circle at 50% 50%, #95D8E8 10%, transparent 50%),
    radial-gradient(circle at 50% 100%, #95D8E8 10%, transparent 50%),
    radial-gradient(circle at 75% 0%, #BAAFEB 10%, transparent 50%),
  
    /* MIDDLE LAYER: Warm accent spot in the bottom-right */
    radial-gradient(circle at 100% 100%, #E4B8C5 10%, transparent 50%);
}

.xlh-adult #PatientContent {
  background-color: #f7f4ed;
}