1 files changed, 18 insertions, 16 deletions
diff --git a/apps/web-shared/src/styles/custom-style/_forms.scss b/apps/web-shared/src/styles/custom-style/_forms.scss
index 0048941..871e405 100644
--- a/apps/web-shared/src/styles/custom-style/_forms.scss
+++ b/apps/web-shared/src/styles/custom-style/_forms.scss
@@ -7,50 +7,52 @@
 // --------------------------------
 
 :root {
-  --form-control-font-size: 1em;
+  --form-control-font-size: 1rem;
   --form-control-padding-x: var(--space-xs);
   --form-control-padding-y: var(--space-xxs);
-  --form-control-radius: var(--radius-sm);
+  --form-control-radius: 3px;
 }
 
 .form-control {
   background: var(--color-bg-dark);
-  line-height: 1.2;
-  box-shadow: inset 0 0 0 1px var(--color-contrast-lower);
+  cursor: auto;
+  font-family: var(--font-primary);
+  font-weight: 400;
+  line-height: 1;
+  @include fontSmooth;
+  outline: 1px solid var(--color-contrast-high);
 
   &::placeholder {
-    opacity: 1;
+    opacity: 1;  
     color: var(--color-contrast-low);
   }
 
-  &:focus {
+  &:focus, &:focus-within {
     background: var(--color-bg);
-    box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 1px var(--color-primary);
+    box-shadow: inset 0px 0px 0px 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-primary), 0px 1px 3px alpha(var(--color-black), 0.2);
     outline: none;
   }
 }
 
 .form-control--disabled, .form-control[disabled], .form-control[readonly] {
-  opacity: 0.5;
+  opacity: 0.3;
   cursor: not-allowed;
 }
 
 .form-control[aria-invalid="true"], .form-control.form-control--error {
-  box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-error);
+  outline: 1px solid var(--color-error-dark);
 
-  &:focus {
-    box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-error), var(--shadow-sm);
+  &:focus, &:focus-within {
+    box-shadow: inset 0px 0px 0px 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 2px var(--color-error), 0px 1px 3px var(--color-error);
   }
 }
 
-.form-legend {
-}
+.form-legend {}
 
-.form-label {
-}
+.form-label {}
 
 // --------------------------------
 
 // (END) Global editor code
 
-// --------------------------------
+// --------------------------------
+\ No newline at end of file