style: link contrast ratio

src/assets/base.css

@@ -13,7 +13,8 @@
 
     --accent1: #f4bab9;
     --accent2: #95e35d;
-    --accent3: #ef9691;
+    --accent3: #fac6c3;
+    --accent4: #a41c14;
 }
 
 :root {
@@ -27,7 +28,7 @@
     --color-button-danger: var(--accent3);
     --color-button-danger-hover: var(--accent1);
 
-    --color-link: var(--accent3);
+    --color-link: var(--accent4);
     --color-border: var(--black);
 
     --section-gap: 160px;

src/assets/main.css

@@ -82,7 +82,7 @@ button.logout {
 
 a {
     text-decoration: none;
-    color: var(--color-text);
+    color: var(--color-link);
     font-weight: bold;
     transition: 0.4s;
 }

src/components/FormLogin.vue

@@ -89,12 +89,12 @@ watch(
                 >
                     {{ showPassword ? '🔓' : '🔒' }}
                 </button>
-                <a
-                    @click="isModalOpen = true"
-                    class="transition-none absolute right-3 top-10 hover:underline hover:bg-transparent text-[#ef9691] hover:transition-none hover:p-0 cursor-pointer"
-                    >Glemt passord?</a
-                >
             </div>
+            <a
+                class="hover:underline hover:bg-transparent hover:transition-none hover:p-0 cursor-pointer text-right text-sm mr-4"
+                @click="isModalOpen = true"
+                >Glemt passord?</a
+            >
         </div>
         <div class="flex flex-row gap-5">
             <button