Relative font sizes for accessibility

Author: Stephan Ango

obsidian.css

@@ -1,6 +1,6 @@
 /* 
 
-Minimal Obsidian 2.4.1 by @kepano
+Minimal Obsidian 2.4.2 by @kepano
 
 This theme is designed to be used with the Minimal Theme Settings 
 plugin and the Hider plugin.
@@ -635,32 +635,32 @@ body, input, button,
 .markdown-embed-title {
   letter-spacing:-0.02em;
   text-align:left;
-  font-size:18px;
+  font-size:1.125em;
   font-weight:var(--bold-weight);
 }
 .empty-state-title,
 .markdown-preview-view h1,
 .HyperMD-header-1,
 .cm-header-1 {
   letter-spacing:-0.02em;
-  font-size:18px !important;
+  font-size:1.125em;
   line-height:1.3;
-  font-weight:var(--bold-weight) !important;
+  font-weight:var(--bold-weight);
 }
 .markdown-preview-view h2,
 .HyperMD-header-2,
 .cm-header-2 {
   letter-spacing:-0.02em;
-  font-size:16px !important;
+  font-size:1em;
   line-height:1.3;
-  font-weight:var(--bold-weight) !important;
+  font-weight:var(--bold-weight);
 }
 .markdown-preview-view h3,
 .HyperMD-header-3,
 .cm-header-3 {
   letter-spacing:-0em;
-  font-weight:500 !important;
-  font-size:16px !important;
+  font-weight:500;
+  font-size:1em;
   line-height:1.4;
 }
 .markdown-preview-view h4,
@@ -670,8 +670,8 @@ body, input, button,
   text-transform:lowercase;
   letter-spacing:0.02em;
   color:var(--text-normal);
-  font-weight:var(--normal-weight) !important;
-  font-size:17px !important;
+  font-weight:var(--normal-weight);
+  font-size:1.0625em;
 }
 .markdown-preview-view h5,
 .HyperMD-header-5,
@@ -680,8 +680,8 @@ body, input, button,
   text-transform:lowercase;
   letter-spacing:0.05em;
   color:var(--text-normal);
-  font-weight:300 !important;
-  font-size:15px !important;
+  font-weight:300;
+  font-size:0.9735em;
 }
 .markdown-preview-view h6,
 .HyperMD-header-6,
@@ -690,8 +690,8 @@ body, input, button,
   text-transform:lowercase;
   letter-spacing:0.1em;
   color:var(--text-muted);
-  font-weight:300 !important;
-  font-size:14px !important;
+  font-weight:300;
+  font-size:0.875em;
 }
 
 /* --------------- */
@@ -1317,9 +1317,10 @@ border-bottom:1px solid #999;
 }
 input.document-search-input,
 input.document-replace-input {
+  margin-top:2px;
   font-size:var(--font-small) !important;
   border:1px solid var(--background-modifier-border);
-  border-radius:14px;
+  border-radius:5px;
   background:var(--background-primary);
   transition:border-color 0.1s ease-in-out;
 }
@@ -1374,6 +1375,20 @@ input.document-replace-input:focus {
 /* --------------- */
 /* Form inputs */
 
+select:focus,
+input[type='text']:active,
+input[type='search']:active,
+input[type='email']:active,
+input[type='password']:active,
+input[type='number']:active,
+input[type='text']:focus,
+input[type='search']:focus,
+input[type='email']:focus,
+input[type='password']:focus, 
+input[type='number']:focus {
+  border-color:var(--background-modifier-border-focus);
+}
+
 button,
 .modal.mod-settings button:not(.mod-cta) {
   background-color:var(--background-modifier-border);
@@ -1821,7 +1836,7 @@ input.search-input:focus {
   font-size:var(--font-small);
   padding:7px 10px;
   height:28px;
-  border-radius:20px;
+  border-radius:5px;
   background:var(--background-primary);
   border:1px solid var(--background-modifier-border);
   transition:border-color 0.1s ease-in-out;