feat: font size picker

assets/scss/styles.scss

@@ -41,11 +41,13 @@ html {
 
 body {
   @apply bg-primary;
-  @apply text-secondary text-xs;
+  @apply text-secondary;
   @apply font-medium;
   @apply select-none;
   @apply overflow-x-hidden;
 
+  font-size: var(--font-size);
+  line-height: var(--line-height);
   overflow: overlay;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
@@ -162,16 +164,15 @@ hr {
   @apply text-secondaryDark text-lg;
 }
 
-.textarea,
 .input,
-.select {
+.select,
+.textarea {
   @apply flex flex-1;
   @apply w-full;
   @apply px-4 py-2;
   @apply bg-primary;
   @apply truncate;
   @apply rounded;
-  @apply text-xs;
   @apply font-semibold;
   @apply border border-divider;
   @apply transition;
@@ -179,6 +180,14 @@ hr {
   @apply disabled:cursor-not-allowed;
 }
 
+input,
+select,
+textarea,
+button {
+  font-size: var(--font-size);
+  line-height: var(--line-height);
+}
+
 .input[type="file"],
 .input[type="radio"],
 #installPWA {