Form components. New login page.

styles/index.css

@@ -19,7 +19,12 @@ body {
   box-sizing: inherit;
 }
 
-h2 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-weight: 400;
 }
 
@@ -42,16 +47,9 @@ a:visited {
   color: var(--primary400);
 }
 
-form label {
-  display: inline-block;
-  min-width: 100px;
-}
-
 input,
 textarea {
   padding: 4px 8px;
-  margin-right: 10px;
-  margin-bottom: 20px;
   font-size: var(--font-size-normal);
   line-height: 1.8;
   border: 1px solid var(--gray500);

styles/variables.css

@@ -7,7 +7,7 @@
   --gray400: #cacaca;
   --gray500: #b3b3b3;
   --gray600: #8e8e8e;
-  --gray6700: #6e6e6e;
+  --gray700: #6e6e6e;
   --gray800: #4b4b4b;
   --gray900: #2c2c2c;
 
@@ -26,4 +26,6 @@
   --grid-size-medium: 768px;
   --grid-size-large: 992px;
   --grid-size-xlarge: 1140px;
+
+  --color-error: #e34850;
 }