:root {
  --gradient-primary-500: #cadfff;

  --gradient-background-500: radial-gradient(
    87.23% 87.23% at 50% 12.77%,
    rgba(60, 132, 217, 0.45) 0%,
    rgba(19, 49, 84, 0.45) 100%
  );
  --gradient-background-600: #a6cfff;
  --gradient-background-700: radial-gradient(
    96.76% 96.76% at 50% 3.24%,
    #1f53a0 0%,
    #1764ab 30.5%,
    #0c1429 100%
  );
  --gradient-button-200: linear-gradient(180deg, #f5f5f5 21.08%, #bababa 100%);
  --gradient-button-500: linear-gradient(180deg, #f98323 27%, #d14605 100%);
  --gradient-button-600: linear-gradient(0deg, #3b55de 0%, #186cd0 97%);

  --gradient-border-400: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%);
  --gradient-border-500: linear-gradient(270deg, #263557 0%, #3b4d71 100%);
  --gradient-border-600: linear-gradient(180deg, #63ffff 0%, #d6d6d6 100%);

  --gradient-linear-500: linear-gradient(
    to right,
    rgba(105, 253, 254, 0) 0%,
    rgba(105, 253, 254, 0.23) 19%,
    rgb(105, 253, 254) 50%,
    rgba(105, 253, 254, 0) 100%
  );

  .dark-theme {
    --gradient-primary-500: radial-gradient(96.76% 96.76% at 50% 3.24%, #202d4d 21%, #0c1429 100%);

    --gradient-background-500: radial-gradient(
      87.23% 87.23% at 50% 12.77%,
      rgba(60, 132, 217, 0.45) 0%,
      rgba(19, 49, 84, 0.45) 100%
    );
    --gradient-background-600: radial-gradient(
      96.76% 96.76% at 50% 3.24%,
      #202d4d 21%,
      #0c1429 100%
    );
    --gradient-background-700: radial-gradient(
      96.76% 96.76% at 50% 3.24%,
      #1f53a0 0%,
      #1764ab 30.5%,
      #0c1429 100%
    );

    --gradient-button-200: linear-gradient(180deg, #191e43 43.34%, #0e101e 69.28%, #191b2c 98.59%);
    --gradient-button-500: radial-gradient(
      103.07% 103.07% at 50% 22.13%,
      #0cb6cd 0%,
      #435b99 50%,
      #192458 100%
    );
    --gradient-button-600: linear-gradient(180deg, #b2c6d8 -37.18%, #69ffff 100%);

    --gradient-border-400: linear-gradient(180deg, #b2c6d8 0%, #69ffff 100%);
    --gradient-border-500: linear-gradient(270deg, #263557 0%, #3b4d71 100%);
    --gradient-border-600: linear-gradient(180deg, #63ffff 0%, #d6d6d6 100%);

    --gradient-linear-500: linear-gradient(
      to right,
      rgba(105, 253, 254, 0) 0%,
      rgba(105, 253, 254, 0.23) 19%,
      rgb(105, 253, 254) 50%,
      rgba(105, 253, 254, 0) 100%
    );
  }
}