diff --git a/frontend/app/globals.css b/frontend/app/globals.css
index 4d25dc6..a72e1e6 100644
--- a/frontend/app/globals.css
+++ b/frontend/app/globals.css
@@ -3949,7 +3949,7 @@ a.j13-mention-token:hover {
     bottom: 0.2rem;
     width: 1.5px;
     border-radius: 1px;
-    background: color-mix(in srgb, var(--gold) 32%, var(--line));
+    background: color-mix(in srgb, var(--ok) 32%, var(--line));
   }
   .j13-timeline-day:last-child::before {
     bottom: 0.85rem;
@@ -3961,8 +3961,8 @@ a.j13-mention-token:hover {
     margin: 0 0 0.65rem -0.1rem;
     padding: 0.32rem 0.75rem 0.32rem 0.6rem;
     border-radius: 999px;
-    background: var(--gold-soft);
-    color: var(--gold);
+    background: var(--ok-soft);
+    color: var(--ok);
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0.015em;
@@ -3972,7 +3972,7 @@ a.j13-mention-token:hover {
     z-index: 1;
   }
   .j13-timeline-day-label time {
-    color: var(--gold);
+    color: var(--ok);
   }
   .j13-timeline-day-count {
     font-size: 12px;
@@ -4007,9 +4007,9 @@ a.j13-mention-token:hover {
     height: 0.42rem;
     margin-left: 0.28rem;
     border-radius: 999px;
-    background: var(--gold);
+    background: var(--ok);
     border: 2px solid var(--panel);
-    box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 40%, var(--line));
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ok) 40%, var(--line));
     transform: translateX(-50%);
     z-index: 1;
   }