diff --git a/src/css/app.scss b/src/css/app.scss
index a87a214e..c174258b 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -25,6 +25,10 @@ html {
   --surface-1: white;
   --surface-2: var(--gray-1);
   --surface-3: var(--gray-2);
+
+  --gender-male: var(--blue-5-hsl);
+  --gender-female: var(--pink-7-hsl);
+
   color: var(--foreground);
   background-color: var(--background);
 }