add: padding for Imp/Priv + fix: padding-defaults

app/assets/styles/footer.css

@@ -1,13 +1,13 @@
 .Footer {
     position: relative;
     background: var(--color-darkest);
-    padding: 1rem;
+    padding: var(--padding-default);
     z-index: 100;
 
     & h4 {
         color: var(--color-lightest);
         text-align: center;
-        margin-bottom: 1rem;
+        margin-bottom: var(--padding-default);
     }
 
     & .bottom {

app/assets/styles/form/textfield.css

@@ -53,7 +53,7 @@
 
   & input {
     all: unset;
-    padding: 0.5rem;
+    padding: var(--padding-small);
     font-size: 1rem;
     width: 100%;
     flex: 25% 1 0;

app/assets/styles/general.css

@@ -190,19 +190,23 @@ dialog {
   & header {
     justify-content: space-between;
     align-items: center;
-    padding: 1rem 1rem 0;
+    padding: var(--padding-default) var(--padding-default) 0;
   }
 
   main {
-    padding: 0 1rem;
+    padding: 0 var(--padding-default);
   }
 
   & footer {
     justify-content: space-between;
-    padding: 0 1rem 1rem;
+    padding: 0 var(--padding-default) var(--padding-default);
   }
 
   &::backdrop {
     background: rgba(0, 0, 0, 0.5);
   }
 }
+
+.Legal {
+  padding: var(--padding-default);
+}

app/assets/styles/page.css

@@ -17,7 +17,7 @@
     background: var(--color-lightest);
     display: flex;
     justify-content: space-between;
-    padding: 1rem;
+    padding: var(--padding-default);
 
     & > button {
         all: unset;
@@ -54,7 +54,7 @@
 }
 
 .info-text {
-    padding: 0 1rem;
+    padding: 0 var(--padding-default);
     text-align: center;
     width: 100%;
     top: 40%;

app/assets/styles/priceCard.css

@@ -43,7 +43,7 @@
         background: var(--color-lightest);
         z-index: 2;
         gap: 1rem;
-        padding: 1rem;
+        padding: var(--padding-default);
 
         &.animated {
             transition: var(--transition-default);