:root {
  --clr-main: #0E84F0;
  --bg-main: var(--clr-main);
  --clr-bg-main: white;
  --clr-main-hover: #0069CA;
  --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, #02172B 0%, #062E53 25%, #02172B 50%, #062E53 75%, #02172B 100%);
  --clr-gradient-glow: linear-gradient(270deg, #0479E4 0%, #309CFF 100%) padding-box,
      linear-gradient(90deg, rgba(255, 255, 255, 0.8) 4%, #309CFF 20%, #0479E4 81%, rgba(255, 255, 255, 0.8) 97%) border-box;
  --clr-gradient-glow-shadow: #0e84f0e5;
  --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;
}