@media (prefers-color-scheme: dark) {

  body {
    background: url("../../R2commerce/images/bg06.jpg")
  }

  .rn-card {
    background: linear-gradient(
      135deg,
      rgba(0, 3, 20, 0.25),
      rgba(0, 3, 10, 0.25), 
      rgba(0, 3, 15, 0.25) 
    );
    -webkit-backdrop-filter: blur(15px); 
    backdrop-filter: blur(15px); 
    border: 1px solid rgba(255, 255, 255, 0.25);
  }

  .rn-text {
    color: rgb(240, 240, 255);
  }

  .form-control {
    color: rgb(230, 230, 255) !important;
  }

  .form-control::placeholder {
    color: rgba(200, 200, 230, 0.6) !important;
  }
}

@media (prefers-color-scheme: light) {

  body {
    background: url("../../R2commerce/images/bg23a.jpg")
  }

  .rn-card {
    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.1),
      rgba(210, 210, 255, 0.1),
      rgba(230, 230, 255, 0.1)
    );
    -webkit-backdrop-filter: blur(15px); 
    backdrop-filter: blur(15px); 
    border: 1px solid rgba(255, 255, 255, 0.25);
  }

  .rn-text {
    color: rgba(0, 0, 20, 0.75);
  }
}