diff --git a/src/app/globals.css b/src/app/globals.css index fa26812305..043ff29eae 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -163,8 +163,13 @@ --danger: var(--danger-text); --danger-soft: var(--danger-bg); - /* Categorical dot accent with no semantic triad (e.g. Youth service pathway). */ + /* Categorical tone scale — taxonomy/pathway dots only. NEVER semantic: kept + visually distinct from the role tokens (success/danger/warning/info) and + the brand accent so green/blue/teal keep their meanings. */ --tone-purple: #7c3aed; + --tone-indigo: #4338ca; + --tone-rose: #a21caf; + --tone-slate: #475569; --disabled: #98a2b3; --focus: var(--clinical-accent); @@ -302,8 +307,11 @@ --danger: var(--danger-text); --danger-soft: var(--danger-bg); - /* Categorical dot accent, brightened for dark surfaces. */ + /* Categorical tone scale, brightened for dark surfaces (categorical only). */ --tone-purple: #a78bfa; + --tone-indigo: #818cf8; + --tone-rose: #e879f9; + --tone-slate: #94a3b8; --disabled: #555e6b; --focus: var(--clinical-accent); @@ -1037,6 +1045,9 @@ summary::-webkit-details-marker { --danger: Mark; --danger-soft: Canvas; --tone-purple: CanvasText; + --tone-indigo: CanvasText; + --tone-rose: CanvasText; + --tone-slate: CanvasText; --focus: Highlight; --surface-lux: Canvas; --surface-wash: Canvas; diff --git a/src/components/clinical-dashboard/mode-action-popup.tsx b/src/components/clinical-dashboard/mode-action-popup.tsx index 4673becc3f..257f55e45d 100644 --- a/src/components/clinical-dashboard/mode-action-popup.tsx +++ b/src/components/clinical-dashboard/mode-action-popup.tsx @@ -341,7 +341,7 @@ export function ModeActionPopup({ )} >