:root {
  --gradient-background-500: #000;
  --gradient-background-600: #000;
  --gradient-background-700: #000;

  --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: #000;
  --gradient-background-600: #000;
  --gradient-background-700: #000;

  --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%
  );
}