Added cookies managment for Auth purpose

web/admin-gui/src/assets/base.css

@@ -6,7 +6,11 @@
 	--semibold-weight: 600;
 	--bold-weight: 700;
 
-	--radius: 10px;
+	--radius: 15px;
+
+	--font-body: 16px;
+	--font-small: 14px;
+	--font-verysmall: 12px;
 
 	--primary: #2CD358;
 	--primary-dark: #00BA2A;
@@ -15,6 +19,7 @@
 	--secondary-dark: #BA0094;
 	--secondary-light: #E88DCA;
 	--neutral-dark: #121212;
+	--neutral-medium: #707070;
 	--neutral-light: #aaaaaa;
 }
 
@@ -24,8 +29,11 @@ body {
 
 h1 {
 	font-family: 'Frank Ruhl Libre', serif;
+	font-size: 40px;
 }
-
+h2 { font-size: 32px; }
+h3 { font-size: 24px; }
+h4 { font-size: 18px; }
 h2, h3, h4, h5, h6 {
 	font-family: 'Nunito', sans-serif;
 }
@@ -37,33 +45,53 @@ h2, h3, h4, h5, h6 {
 	color: var(--neutral-dark);
 }
 
-.label-input {
+.label-input,
+.label-input-error {
 	display: flex;
 	flex-direction: column;
 }
 
-.label-input label {
-	font-weight: var(--medium-weight);
+.label-input label,
+.label-input-error label {
+	font-size: var(--font-body);
+	font-weight: var(--semibold-weight);
 }
 
-.label-input input {
-	height: 32px;
-	padding: 0 8px;
+.label-input p,
+.label-input-error p {
+	color: var(--neutral-medium);
+	font-size: var(--font-body);
+	font-weight: var(--medium-weight);
+	margin: 0;
+}
+
+.label-input input,
+.label-input-error input {
+	padding: 3px 16px;
+	font-size: var(--font-body);
 
 	border: solid 1.25px var(--neutral-light);
 	border-radius: var(--radius);
 }
 
+.label-input-error input {
+	border: solid 1.75px red;
+}
+
+.label-input-error p {
+	color: red;
+}
+
 .button-primary {
 	border-radius: var(--radius);
 	border: none;
 	
-	height: 32px;
+	padding: 3px 16px;
+	font-size: var(--font-body);
+	font-weight: var(--medium-weight);
 	
 	background-color: var(--primary);
 	
-	font-weight: var(--medium-weight);
-	
 	cursor: pointer;
 }