1 files changed, 18 insertions, 18 deletions
diff --git a/static/form.css b/static/form.css
index 0e0f978..a109c7f 100644
--- a/static/form.css
+++ b/static/form.css
@@ -1,31 +1,31 @@
 form {
-  border: 1px solid #3334;
-  background: #9892;
-  border-radius: 8px;
-  margin: 16px;
-  padding: 16px;
+  border: var(--border);
+  background: var(--clr-panel-background);
+  border-radius: var(--border-radius);
+  margin: var(--spacing-double);
+  padding: var(--spacing-double);
   display: grid;
   grid-auto-flow: row;
-  gap: 8px;
+  gap: var(--spacing-single);
   max-width: max-content;
 
   label:has(+ input, + textarea, + select) {
     display: block;
-    font-size: 10pt;
-    color: #555;
+    font-size: var(--font-small-size);
+    color: var(--clr-lesser-foreground);
   }
   input:not([type="checkbox"]),
   textarea,
   select {
     display: block;
-    border: 1px solid #3334;
-    border-radius: 8px;
-    margin: 8px 0;
-    padding: 8px;
+    border: var(--border);
+    border-radius: var(--border-radius);
+    margin: var(--spacing-single) 0;
+    padding: var(--spacing-single);
     font-family: inherit;
     font-size: inherit;
     color: inherit;
-    background: #fff;
+    background: var(--clr-field-background);
     width: min(60vw, 24em, 100%);
     box-sizing: border-box;
   }
@@ -36,10 +36,10 @@ form {
     width: 100%;
   }
   .error {
-    background: #f004;
-    border: 1px solid #f007;
-    border-radius: 8px;
-    padding: 16px;
+    background: var(--clr-error-background);
+    border: var(--border);
+    border-radius: var(--border-radius);
+    padding: var(--spacing-double);
     margin: 0;
   }
 
@@ -48,7 +48,7 @@ form {
     border: none;
     padding: 0;
     margin: 0;
-    margin-top: 8px;
+    margin-top: var(--spacing-single);
     max-width: 100%;
     input:not([type="checkbox"]),
     textarea,