body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --paragraph-sm: Inter;
  --subtitle: "DM Sans";
  --font-outfit: Outfit;

  /* font sizes */
  --paragraph-sm-size: 0.88rem;
  --paragraph-md-size: 1rem;
  --paragraph-lg-size: 1.13rem;
  --heading-h2-size: 3rem;
  --heading-h3-size: 2rem;
  --heading-h1-size: 5.63rem;
  --font-size-3xl: 1.38rem;

  /* Colors */
  --shade-4: #121212;
  --shade-5: #0a0a0a;
  --shade-2: #b3b3b3;
  --shade-3: #3b3b3b;
  --shade1: #fff;
  /* 



 yellow
 --accent-4: #ffe074; */
 /*blue
   --accent-3: #5ee2ff; */
/*   purple
  --accent-1: #9b5cff;  */




  --accent-4: #b453e5;
  --accent-3: #60D1F3;;
  --accent-1: #98FE92;

  --accent-5: #FF7ACF;
  --accent-6: hsl(19, 100%, 70%);;
  --accent-7: #FFE8A3;



  /* neons */
  --neon-blue: #5C26FF;
  --neon-purple: #b453e5;
  --neon-pink:#FF7ACF;
  --neon-orange:#FFB6B7;
--neon-yellow:#FFE8A3;
--neon-green:#98FE92;
--neon-turquoise:#60D1F3;
  /* Gaps */
  --gap-13xl: 2rem;
  --gap-5xl: 1.5rem;
  --gap-xs: 0.75rem;
  --gap-3xs: 0.63rem;
  --gap-21xl: 2.5rem;
  --gap-5xs: 0.5rem;
  --gap-base: 1rem;

  /* Paddings */
  --padding-5xs: 0.5rem;
  --padding-24xl: 2.69rem;
  --padding-xs: 0.75rem;
  --padding-5xl: 1.5rem;
  --padding-41xl: 3.75rem;
  --padding-sm: 0.88rem;

  /* Border radiuses */
  --br-5xl: 24px;
  --br-5xs: 8px;
  --br-base: 16px;
}