Use spacing vars

Author: weeman1337

res/css/views/auth/_AuthBody.pcss

@@ -161,7 +161,7 @@ limitations under the License.
         margin-bottom: $spacing-32;
 
         p {
-            margin: 0 0 8px;
+            margin: 0 0 $spacing-8;
         }
     }
 
@@ -197,7 +197,7 @@ limitations under the License.
     color: $accent;
     display: flex;
     gap: $spacing-4;
-    padding: 4px;
+    padding: $spacing-4;
 
     &:hover {
         background-color: $system;
@@ -238,7 +238,7 @@ limitations under the License.
     text-align: center;
 
     .mx_AuthBody_paddedFooter_title {
-        margin-top: 16px;
+        margin-top: $spacing-16;
         font-size: $font-15px;
         line-height: $font-24px;
 
@@ -249,7 +249,7 @@ limitations under the License.
     }
 
     .mx_AuthBody_paddedFooter_subtitle {
-        margin-top: 8px;
+        margin-top: $spacing-8;
         font-size: $font-10px;
         line-height: $font-14px;
     }
@@ -265,7 +265,7 @@ limitations under the License.
 }
 
 .mx_SSOButtons + .mx_AuthBody_changeFlow {
-    margin-top: 24px;
+    margin-top: $spacing-24;
 }
 
 .mx_AuthBody_spinner {

res/css/views/dialogs/_VerifyEMailDialog.pcss

@@ -20,7 +20,7 @@ limitations under the License.
 
     .mx_Dialog {
         color: $primary-content;
-        font-size: 14px;
+        font-size: $font-14px;
         padding: $spacing-24 $spacing-24 $spacing-16;
         text-align: center;
         width: 485px;
@@ -37,7 +37,7 @@ limitations under the License.
 
         .mx_AuthBody_did-not-receive {
             justify-content: center;
-            margin-bottom: 8px;
+            margin-bottom: $spacing-8;
         }
 
         .mx_Dialog_cancelButton {