:root {
  --clr-main: #A957C9;
  --bg-main: #B432E7;
  --clr-bg-main: white;
  --clr-main-hover: #A11AD6;
  --bg-main-hover: var(--clr-main-hover);
  --clr-second: #FF4F4F;
  --bg-second: var(--clr-second);
  --bg-second-hover: #E62C2C;
  --clr-join: var(--clr-second);
  --clr-join-hover: #E62C2C;
  --clr-grey: #828282;
  --clr-gradient: linear-gradient(90deg, #190322 0%, #490464 25%, #190322 50%, #490464 75%, #190322 100%);
  --clr-gradient-glow: linear-gradient(270deg, #9D11D5 0%, #CE50FF 100%) padding-box,
      linear-gradient(90deg, rgba(255, 255, 255, 0.8) 4%, #CE50FF 20%, #9D11D5 81%, rgba(255, 255, 255, 0.8) 97%) border-box;
  --clr-gradient-glow-shadow: #B432E7E5;
  --clr-error: #FFB2B2;
  --clr-error-2: #E62C2C;
  --clr-text: #8D8D8D;
  --input-border-color--hover: var(--clr-main);
  --input-border-color--valid: var(--clr-main);
  --input-bg-color: white;
  --input-bg-color--hover: white;
}