fix(styles): resolve design system audit violations

- Add --color-text-on-accent token to tokens.css
- Migrate all hardcoded color:#fff/#ffffff to var(--color-text-on-accent) across all module stylesheets
- Fix toggle thumb background (#fff -> var(--color-surface)) for dark mode
- Migrate hardcoded transition durations to token vars (--transition-fast/base/slow)

public/styles/tasks.css

@@ -132,7 +132,7 @@
   justify-content: center;
   border-radius: var(--radius-full);
   background-color: var(--color-accent);
-  color: #fff;
+  color: var(--color-text-on-accent);
   font-size: var(--text-xs);
   line-height: 1;
 }
@@ -187,7 +187,7 @@
 .swipe-reveal--edit {
   left: 0;
   background-color: var(--color-accent);
-  color: #fff;
+  color: var(--color-text-on-accent);
   border-radius: var(--radius-md) 0 0 var(--radius-md);
 }
 
@@ -261,7 +261,7 @@
 .task-status-btn__check {
   width: 12px;
   height: 12px;
-  color: #fff;
+  color: var(--color-text-on-accent);
   display: none;
 }
 
@@ -342,7 +342,7 @@
   justify-content: center;
   font-size: var(--text-xs);
   font-weight: var(--font-weight-bold);
-  color: #fff;
+  color: var(--color-text-on-accent);
   flex-shrink: 0;
 }
 
@@ -465,7 +465,7 @@
   padding: 0 var(--space-1);
   border-radius: var(--radius-full);
   background-color: var(--color-danger);
-  color: #fff;
+  color: var(--color-text-on-accent);
   font-size: var(--text-xs);
   font-weight: var(--font-weight-bold);
   margin-left: auto;