Simplify components

app/javascript/widget/assets/scss/_forms.scss

@@ -14,7 +14,6 @@ $input-height: $space-two * 2;
   box-sizing: border-box;
   color: $color-body;
   display: block;
-  font-family: $font-family;
   font-size: $font-size-medium;
   height: $input-height;
   line-height: 1.5;
@@ -69,7 +68,6 @@ $input-height: $space-two * 2;
 
 // Form element: Textarea
 textarea.form-input {
-  font-family: $font-family;
 
   @include placeholder {
     color: $color-light-gray;

app/javascript/widget/assets/scss/_variables.scss

@@ -72,16 +72,5 @@ $line-height: 1;
 $footer-height: 11.2rem;
 $header-expanded-height: $space-medium * 10;
 
-$font-family: 'Inter',
-  -apple-system,
-  system-ui,
-  BlinkMacSystemFont,
-  'Segoe UI',
-  Roboto,
-  'Helvetica Neue',
-  Tahoma,
-  Arial,
-  sans-serif;
-
 // Break points
 $break-point-medium: 667px;

app/javascript/widget/assets/scss/woot.scss

@@ -15,10 +15,7 @@
 
 html,
 body {
-  font-family: $font-family;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  height: 100%;
+  @apply antialiased h-full font-interDisplay tracking-[0.4px];
 }
 
 .is-mobile {
@@ -43,10 +40,6 @@ body {
   }
 }
 
-.cursor-pointer {
-  cursor: pointer;
-}
-
 .message-content {
   ul {
     list-style: disc;