Add styles for radio buttons and focus states to enhance form accessibility

Author: moses77-boop

Form-Controls/style.css

@@ -71,4 +71,26 @@ select{
     font-size: 1rem;
     background: var(--color-surface);
     color: var(--color-text);
+}
+input[type="radio"]{
+    width: 1.15rem;
+    height: 1.15rem;
+}
+input:focus-visible, select:focus-visible, button:focus-visible{
+    outline: 3px solid var (--color-accent);
+    outline-offset: 2px;
+}
+input:invalid:not(:placeholder-shown), select-invalid{
+    border-color:#b91c1c;
+}
+button {
+    width: 100%;
+    padding: 0.75rem 1rem;
+    background: var(--color-accent);
+    color: #fff;
+    border: none;
+    border-radius: var(--radius);
+    font-size: 1rem;
+    font-weight: 600;
+    cursor: pointer;
 }