style: update color theming in Kanban components

- Replaced hardcoded colors with CSS variables in ObjectivesBoard and TaskCard for improved theme consistency.
- Updated status icon in STATUS_CONFIG for better visual representation.
- Adjusted global CSS variables for enhanced contrast and clarity across components.

components/kanban/ObjectivesBoard.tsx

@@ -100,8 +100,8 @@ export function ObjectivesBoard({
                   {/* Colonne En cours / À faire */}
                   <div className="space-y-3">
                     <div className="flex items-center gap-2 pb-2 border-b border-[var(--accent)]/20">
-                      <div className="w-2 h-2 bg-blue-400 rounded-full"></div>
-                      <h3 className="text-sm font-mono font-medium text-blue-300 uppercase tracking-wider">
+                      <div className="w-2 h-2 bg-[var(--primary)] rounded-full"></div>
+                      <h3 className="text-sm font-mono font-medium text-[var(--primary)] uppercase tracking-wider">
                         En cours / À faire
                       </h3>
                       <div className="flex-1"></div>

components/kanban/TaskCard.tsx

@@ -291,7 +291,7 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView =
           <div className="flex items-center justify-between text-xs">
             {task.dueDate ? (
               <span className="flex items-center gap-1 text-[var(--muted-foreground)] font-mono">
-                <span className="text-cyan-400">⏰</span>
+                <span className="text-[var(--primary)]">⏰</span>
                 {formatDistanceToNow(new Date(task.dueDate), { 
                   addSuffix: true, 
                   locale: fr