:root {
  --gradient-background-500: radial-gradient(87.23% 87.23% at 50% 12.77%, #1d0333 0%, #1c0431 100%);
  --gradient-background-600: #290344;
  --gradient-background-700: radial-gradient(
    96.76% 96.76% at 50% 3.24%,
    #39005f 0%,
    /* s8 */ #290344 30.5%,
    /* s9 */ #1c0431 100% /* s11 */
  );

  --gradient-button-600: linear-gradient(90deg, #9e4bec 0%, #8914f7 100%);

  --gradient-button-500: linear-gradient(180deg, #f4e074 0%, #dcb940 100%);

  --gradient-button-200: linear-gradient(180deg, #f5f5f5 21.08%, #bababa 100%);

  --gradient-border-400: linear-gradient(180deg, #fbf6bf 0%, #dcb940 100%);
  --gradient-border-500: linear-gradient(270deg, #450a7d 0%, #9e4bec 100%);
  --gradient-border-600: linear-gradient(180deg, #fbf6bf 0%, #e4e7ec 100%);

  --gradient-linear-500: linear-gradient(
    to right,
    rgba(251, 246, 191, 0) 0%,
    rgba(251, 246, 191, 0.25) 19%,
    rgba(251, 246, 191, 1) 50%,
    rgba(251, 246, 191, 0) 100%
  );
}

.dark-theme {
  --gradient-background-500: radial-gradient(
    87.23% 87.23% at 50% 12.77%,
    rgba(28, 4, 49, 0.85) 0%,
    rgba(25, 3, 51, 1) 100%
  );
  --gradient-background-600: radial-gradient(96.76% 96.76% at 50% 3.24%, #290344 21%, #1d0333 100%);
  --gradient-background-700: radial-gradient(
    96.76% 96.76% at 50% 3.24%,
    #39005f 0%,
    #290344 30.5%,
    #1d0333 100%
  );

  --gradient-button-200: linear-gradient(180deg, #2b2b2b 43.34%, #1a1a1a 100%);
  --gradient-button-500: linear-gradient(180deg, #f4e074 0%, #dcb940 100%);
  --gradient-button-600: linear-gradient(90deg, #9e4bec 0%, #8914f7 100%);

  --gradient-border-400: linear-gradient(180deg, #fbf6bf 0%, #dcb940 100%);
  --gradient-border-500: linear-gradient(270deg, #450a7d 0%, #9e4bec 100%);
  --gradient-border-600: linear-gradient(180deg, #fbf6bf 0%, #d0d5dd 100%);

  --gradient-linear-500: linear-gradient(
    to right,
    rgba(251, 246, 191, 0) 0%,
    rgba(251, 246, 191, 0.23) 19%,
    rgba(251, 246, 191, 1) 50%,
    rgba(251, 246, 191, 0) 100%
  );
}