/* Light mode */

#wrapper {

  /* Exceptions */
  --border-gray: #D2D2D2;
  --circle-bkg: #F6F6F6;
  --bkg_blue: #FEFEFF;
    
  /* Grayscale */
  --white:#FFFFFF;
  --light-gray:#F6F6F6;
  --primary-gray:#B3B3B3;
  --dark-gray:#1A1A1A;
  
  /* Blue */
  --ultra-light-blue: #f2f9ff;
  --light-blue:#D8E6F3;
  --primary-blue:#5CA8EF;
  --dark-blue:#041A2F;

  /* Yellow */
  --light-yellow:#FFE7CC;
  --primary-yellow:#F1AA5A;
  --dark-yellow:#2F1B04;

  /* Green */
  --light-green: #EBF7D4;
  --primary-green: #C8EA8B;
  --dark-green: #1F2B08;

  /*Red */
  --light-red: #FFDAD2;
  --primary-red: #F0755C;
  --dark-red: #2F1B04;

}

#banner {
  background: url("../images/banner-images/banner-image-light.jpg") no-repeat center bottom;}

.device {
  width: 300px;
  background: url(../images/device-light.png) no-repeat;
  height: 642px;
}

.banner-logo {
  background:url(../images/logo-light.png) no-repeat;
}

.desktop-device {
  background:url(../images/desktop_light.png) no-repeat;
}

.water-top-light-blue {
    background: url(../images/water-top-light-blue.svg) no-repeat transparent;
}

dialog span {
  background-image: url(../images/icons/thanks.svg);
}