fix: light mode : review some styles

src/components/deadline/CriticalDeadlinesCard.tsx

@@ -93,10 +93,20 @@ export function CriticalDeadlinesCard({ overdue, critical, warning }: CriticalDe
         {urgentTasks.map((task) => {
           const urgencyStyle = getUrgencyStyle(task);
           
+          const getStyleClass = (urgencyLevel: string) => {
+            if (urgencyLevel === 'overdue') {
+              return 'outline-card-red';
+            } else if (urgencyLevel === 'critical') {
+              return 'outline-card-orange';
+            } else {
+              return 'outline-card-yellow';
+            }
+          };
+
           return (
             <div 
               key={task.id} 
-              className={`p-2.5 rounded-lg border transition-all hover:shadow-sm hover:scale-[1.01] ${urgencyStyle.style}`}
+              className={getStyleClass(task.urgencyLevel)}
             >
               <div className="flex items-start justify-between gap-2">
                 <div className="flex-1 min-w-0">