.color-3 {
  --color-1: #E2E1DE;
  --color-2: #A48732;
  --color-3: #000000;
  --color-4: #F9EDC7;
}

.color-4 {
  --color-1: #E8FF5E;
  --color-2: #FF83DC;
  --color-3: #9ADBF7;
  --color-4: #C71E7B;
}

.color-1 {
  --color-1: #4D4F2E;
  --color-2: #EFE8D8;
  --color-3: #A7825A;
  --color-4: #ffffff;
}

.color-2 {
  --color-1: #ECCA22;
  --color-2: #000000;
  --color-3: #048147;
  --color-4: #A8D4C1;
}

.color-5 {
  --color-1: none;
  --color-2: #000000;
  --color-3: #c0d3e4;
  --color-4: #393939;

  .container {
    background-image: url('https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=3928&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
    background-repeat: no-repeat;
  }

  .micro-form-wrapper {
    --color-1: #ffffff;
  }

  /* .event-details {
    background: linear-gradient(-45deg, 
          rgba(255,255,255,0.1) 0%,
          rgba(255,255,255,0.2) 100%
      );
  } */
}



.color-6 {
  --color-1: none;
  --color-2: #000000;
  --color-3: #c0d3e4;
  --color-4: #393939;

  .container {
    background-color:#99eeff;
    background-image:
      radial-gradient(at 12% 97%, hsla(203,69%,65%,1) 0px, transparent 50%),
      radial-gradient(at 83% 87%, hsla(153,87%,72%,1) 0px, transparent 50%),
      radial-gradient(at 89% 92%, hsla(178,85%,64%,1) 0px, transparent 50%),
      radial-gradient(at 79% 68%, hsla(251,94%,75%,1) 0px, transparent 50%),
      radial-gradient(at 51% 85%, hsla(347,63%,60%,1) 0px, transparent 50%),
      radial-gradient(at 20% 19%, hsla(327,88%,68%,1) 0px, transparent 50%),
      radial-gradient(at 2% 66%, hsla(220,74%,62%,1) 0px, transparent 50%);
  }
}

.color-7 {
  --color-1: none;
  --color-2: #ffff;
  --color-3: #c0d3e4;
  --color-4: #393939;
  
  .container {
    background-color:hsla(188,1%,0%,1);
    background-image:
    radial-gradient(at 12% 97%, hsla(193,53%,48%,1) 0px, transparent 50%),
    radial-gradient(at 86% 98%, hsla(169,53%,48%,1) 0px, transparent 50%),
    radial-gradient(at 0% 0%, hsla(102,53%,48%,1) 0px, transparent 50%);
  }

  background-image:
    radial-gradient(at 12% 97%, hsla(193,53%,48%,1) 0px, transparent 50%),
    radial-gradient(at 86% 98%, hsla(169,53%,48%,1) 0px, transparent 50%),
    radial-gradient(at 0% 0%, hsla(102,53%,48%,1) 0px, transparent 50%);

}
.color-8{
  --color-1: none;
  --color-2: #A38733;
  --color-3: #A38733;
  --color-4: #393939;

  .container {
    background-color:hsla(188,1%,0%,1);
background-image:
radial-gradient(at 100% 1%, hsla(157,0%,13%,1) 0px, transparent 50%),
radial-gradient(at 6% 0%, hsla(69,0%,27%,1) 0px, transparent 50%),
radial-gradient(at 96% 95%, hsla(36,2%,27%,1) 0px, transparent 50%);
  }
  background-image:
    radial-gradient(at 6% 0%, hsla(69,0%,20%,1) 0px, transparent 50%),
    radial-gradient(at 100% 99%, hsla(36,2%,20%,1) 0px, transparent 50%);

}