chore: remove unused code

Author: michalconsensys

src/components/AuthLogin/styles.module.scss

@@ -21,13 +21,8 @@
   top: 50%;
   transform: translate(-50%, -50%);
   overflow: auto;
+  outline: none;
   background: var(--modal-bg-color-primary);
-
-  /* Enhanced focus styles for modal accessibility */
-  &:focus-visible {
-    outline: 2px solid var(--focus-outline-color-light);
-    outline-offset: 2px;
-  }
   width: 60%;
   padding: 1.4rem;
   border-radius: 1rem;

src/scss/commons/_focus.scss

@@ -1,145 +1,9 @@
-/* Focus Management System - WCAG 2.4.7 & 1.4.11 Compliant */
-
-/* 
- * Focus indicators with proper contrast ratios (minimum 3:1)
- * Uses focus-visible for better UX (keyboard navigation only)
- */
-
 :root {
-  /* Focus indicator colors with high contrast */
-  --focus-outline-color-light: #0066cc; /* Blue with high contrast */
-  --focus-outline-color-dark: #4da6ff; /* Lighter blue for dark mode */
-  --focus-outline-width: 2px;
-  --focus-outline-offset: 2px;
-  --focus-outline-style: solid;
-
-  /* Alternative focus colors for different contexts */
-  --focus-outline-warning: #ff6b00; /* Orange for warnings/errors */
-  --focus-outline-success: #00a651; /* Green for success states */
-
-  /* Box shadow focus for cases where outline doesn't work well */
-  --focus-shadow-light: 0 0 0 2px #ffffff, 0 0 0 4px #0066cc;
-  --focus-shadow-dark: 0 0 0 2px #0a0a0a, 0 0 0 4px #4da6ff;
+  --focus-outline-color-light: #0066cc;
+  --focus-outline-color-dark: #4da6ff;
 }
 
 [data-theme='dark'] {
   --focus-outline-color-light: var(--focus-outline-color-dark);
   --focus-shadow-light: var(--focus-shadow-dark);
 }
-
-/* Remove default focus styles only when we provide alternatives */
-*:focus {
-  outline: auto;
-}
-
-/* Apply focus-visible for keyboard navigation */
-*:focus-visible {
-  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color-light);
-  outline-offset: var(--focus-outline-offset);
-}
-
-/* Enhanced focus for interactive elements */
-a:focus-visible,
-button:focus-visible,
-[role='button']:focus-visible,
-[role='link']:focus-visible,
-[tabindex]:focus-visible {
-  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color-light);
-  outline-offset: var(--focus-outline-offset);
-}
-
-/* Form controls need special handling */
-input:focus-visible,
-textarea:focus-visible,
-select:focus-visible {
-  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color-light);
-  outline-offset: 1px; /* Tighter offset for form controls */
-}
-
-/* Checkbox and radio buttons */
-input[type='checkbox']:focus-visible,
-input[type='radio']:focus-visible {
-  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color-light);
-  outline-offset: 2px;
-}
-
-/* For elements where outline might be cut off, use box-shadow */
-.focus-shadow:focus-visible {
-  outline: none;
-  box-shadow: var(--focus-shadow-light);
-}
-
-/* High contrast mode support */
-@media (prefers-contrast: high) {
-  *:focus-visible {
-    outline-width: 3px;
-    outline-color: highlight;
-  }
-}
-
-/* Focus for elements that might have complex backgrounds */
-.focus-high-contrast:focus-visible {
-  outline: 3px solid var(--focus-outline-color-light);
-  outline-offset: 2px;
-  background-color: rgba(255, 255, 255, 0.9);
-
-  [data-theme='dark'] & {
-    background-color: rgba(0, 0, 0, 0.9);
-  }
-}
-
-/* Skip link focus (for screen reader users) */
-.skip-link:focus-visible {
-  position: absolute;
-  top: 10px;
-  left: 10px;
-  z-index: 9999;
-  padding: 8px 16px;
-  background: var(--focus-outline-color-light);
-  color: white;
-  text-decoration: none;
-  border-radius: 4px;
-  outline: 2px solid white;
-  outline-offset: 2px;
-}
-
-/* Ensure focus is visible even when using custom components */
-.custom-focus:focus-visible {
-  position: relative;
-}
-
-.custom-focus:focus-visible::after {
-  content: '';
-  position: absolute;
-  top: -2px;
-  right: -2px;
-  bottom: -2px;
-  left: -2px;
-  border: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color-light);
-  border-radius: inherit;
-  pointer-events: none;
-}
-
-/* Focus indicators that work well with rounded corners */
-.focus-rounded:focus-visible {
-  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color-light);
-  outline-offset: var(--focus-outline-offset);
-  border-radius: inherit;
-}
-
-/* Error state focus */
-.focus-error:focus-visible {
-  outline-color: var(--focus-outline-warning);
-}
-
-/* Success state focus */
-.focus-success:focus-visible {
-  outline-color: var(--focus-outline-success);
-}
-
-/* Reduced motion support */
-@media (prefers-reduced-motion: no-preference) {
-  *:focus-visible {
-    transition: outline-color 0.15s ease-in-out;
-  }
-}