From 47a5e73a8a2224ccfc757405a751ea5211c5b49c Mon Sep 17 00:00:00 2001
From: Herman Snevajs <herman.snevajs@lutraconsulting.co.uk>
Date: Sun, 1 Mar 2026 22:23:02 +0100
Subject: [PATCH] add variables and custom classes

---
 .../assets/sass/themes/mm-theme-light/_extensions.scss   | 9 +++++++++
 .../assets/sass/themes/mm-theme-light/_variables.scss    | 6 +++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss
index fa51ab3c..ccf252bb 100644
--- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss
+++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss
@@ -110,6 +110,10 @@ img {
   color: map-get($colors, 'dark-green');
 }
 
+.text-color-dark-gray {
+  color: map-get($colors, 'dark-gray');
+}
+
 .overflow-wrap-anywhere {
   overflow-wrap: anywhere;
 }
@@ -124,3 +128,8 @@ img {
 .p-avatar:not(.p-avatar-lg):not(.p-avatar-xl) {
   font-size: 0.857rem;
 }
+
+.tooltip {
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+}
diff --git a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_variables.scss b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_variables.scss
index feca7d83..6dea6d06 100644
--- a/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_variables.scss
+++ b/web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_variables.scss
@@ -37,7 +37,9 @@ $colors: (
     "rose": #FFBABC,
     "field": #9BD1A9,
     "sky": #A6CBF4,
-    "informative": #BEDAF0
+    "informative": #BEDAF0,
+    "dark-gray": #41464C,
+    "medium-gray": #A0A3A5
 );
 
 // Mandatory Designer Variables
@@ -115,5 +117,7 @@ $colors: (
     --dark-green-color: #{map-get($colors, "dark-green")};
     --negative-light-color: #{map-get($colors, "negative-light")};
     --earth-color: #{map-get($colors, "earth")};
+    --dark-gray-color: #{map-get($colors, "dark-gray")};
+    --medium-gray-color: #{map-get($colors, "medium-gray")};
     color-scheme: light;
 }