*,
   *::before,
   *::after {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
   }

   :root {
     --purple: #5b4ef8;
     --purple-dark: #4338e0;
     --purple-bg: #eeeefe;
     --gray-light: #f3f4f8;
     --gray-text: #6b7280;
     --border: #e5e7eb;
     --dark: #0f1117;
     --radius: 14px;
   }

   body {
     font-family: 'DM Sans', sans-serif;
     background: var(--gray-light);
     color: var(--dark);
   }

   a {
     text-decoration: none;
     color: inherit;
   }

   button,
   input,
   textarea,
   select {
     font-family: inherit
   }


   button {
     font-family: inherit;
     cursor: pointer;
   }