styles: overwrite Stylekit font variables

app/assets/javascripts/components/MultipleSelectedNotes.tsx

@@ -19,10 +19,10 @@ const MultipleSelectedNotes = observer(({ appState }: Props) => {
       </div>
       <div className="flex-grow flex flex-col justify-center items-center w-full max-w-md">
         <NotesIcon className="block" />
-        <h2 className="text-2xl m-0 text-center mt-4">
+        <h2 className="text-lg m-0 text-center mt-4">
           {count} selected notes
         </h2>
-        <p className="text-lg mt-2 text-center max-w-80">
+        <p className="text-sm mt-2 text-center max-w-60">
           Actions will be performed on all selected notes.
         </p>
       </div>

app/assets/stylesheets/_main.scss

@@ -15,6 +15,14 @@ $z-index-footer-bar-item-panel: 2000;
 $z-index-lock-screen: 10000;
 $z-index-modal: 10000;
 
+html {
+  font-size: 100%;
+}
+
+body {
+  font-size: var(--sn-stylekit-base-font-size);
+}
+
 html,
 body {
   font-family: -apple-system, BlinkMacSystemFont,
@@ -26,7 +34,6 @@ body {
   -webkit-font-smoothing: antialiased;
   min-height: 100%;
   height: 100%;
-  font-size: var(--sn-stylekit-base-font-size);
   line-height: normal;
   margin: 0;
   color: var(--sn-stylekit-foreground-color);

app/assets/stylesheets/_modals.scss

@@ -50,7 +50,7 @@
 }
 
 .header .subtitle {
-  font-size: 1.1rem;
+  font-size: 0.89375rem;
 }
 
 .sk-modal {

app/assets/stylesheets/_sn.scss

@@ -86,8 +86,8 @@
   width: 32px;
 }
 
-.max-w-80 {
+.max-w-60 {
-  max-width: 20rem;
+  max-width: 15rem;
 }
 
 .max-w-265px {

app/assets/stylesheets/_stylekit-sub.scss

@@ -1,5 +1,15 @@
 :root {
-  --sn-stylekit-font-size-editor: 1.154rem;
+  --sn-stylekit-font-size-editor: 0.9375rem;
+  --sn-stylekit-base-font-size: 0.8125rem;
+
+  --sn-stylekit-font-size-p: 0.8125rem;
+
+  --sn-stylekit-font-size-h6: 0.65rem;
+  --sn-stylekit-font-size-h5: 0.73125rem;
+  --sn-stylekit-font-size-h4: 0.8125rem;
+  --sn-stylekit-font-size-h3: 0.89375rem;
+  --sn-stylekit-font-size-h2: 0.975rem;
+  --sn-stylekit-font-size-h1: 1.05625rem;
 }
 
 .sn-component {