From 414491801a607767fbb4b59d9d2433589a4a731a Mon Sep 17 00:00:00 2001
From: Madhura68 <janpetervisser2@gmail.com>
Date: Sun, 19 Apr 2026 03:30:21 +0200
Subject: [PATCH] Polish Dusk accessibility details

---
 app/globals.css                       | 6 ++++++
 app/login/page.tsx                    | 2 +-
 app/sign-up/page.tsx                  | 2 +-
 components/check-in/check-in-form.tsx | 1 +
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index e0ce5d9..7a3b573 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -269,6 +269,12 @@ a {
     background: var(--primary);
     box-shadow: var(--shadow-2);
   }
+
+  .cn-toast {
+    border: 1px solid color-mix(in oklab, var(--border) 92%, transparent);
+    box-shadow: var(--shadow-3);
+    backdrop-filter: blur(18px);
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {
diff --git a/app/login/page.tsx b/app/login/page.tsx
index 8a229c6..9936a14 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -41,7 +41,7 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
       footer={
         <p>
           Nog geen account?{" "}
-          <Link href={signUpHref} className="font-semibold text-primary">
+          <Link href={signUpHref} className="font-semibold text-primary underline-offset-4 hover:underline">
             Maak er een aan
           </Link>
         </p>
diff --git a/app/sign-up/page.tsx b/app/sign-up/page.tsx
index 9163af2..14339cc 100644
--- a/app/sign-up/page.tsx
+++ b/app/sign-up/page.tsx
@@ -41,7 +41,7 @@ export default async function SignUpPage({ searchParams }: SignUpPageProps) {
       footer={
         <p>
           Heb je al een account?{" "}
-          <Link href={loginHref} className="font-semibold text-primary">
+          <Link href={loginHref} className="font-semibold text-primary underline-offset-4 hover:underline">
             Log dan in
           </Link>
         </p>
diff --git a/components/check-in/check-in-form.tsx b/components/check-in/check-in-form.tsx
index 544e324..310db6e 100644
--- a/components/check-in/check-in-form.tsx
+++ b/components/check-in/check-in-form.tsx
@@ -103,6 +103,7 @@ export function CheckInForm({ todayCheckIn }: CheckInFormProps) {
                     disabled={isPending}
                     onClick={() => setEnergyScore(value)}
                     aria-pressed={isSelected}
+                    aria-label={`Energie ${value} van 10`}
                     className={cn(
                       buttonVariants({
                         variant: isSelected ? "default" : "outline",