Reorganize variable management

macao/assets/_custom.scss

 body {
+  // Global theme colors are defined in macao/themes/macao-hugo-theme/assets/_defaults.scss and go to @mixin theme-tetras
   --quizz-backgourd-color: #00000;
   --feedback-sucess-color: lightgreen;
   --feedback-error-color: #ef5d5d;
-  --secondary-background-color: white;
-  --macao-primary-color: #2aa198;
-  --macao-secondary-color: #268bd2;
 
-  // To edit HUGO theme colors see macao/themes/macao-hugo-theme/assets/themes/_tetras.scss
   // To edit SurveyJs colors see TODO create custom theme for SurveyJs
 }
 
@@ -96,6 +93,17 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input {
   background-color: var(--secondary-background-color);
 }
 
+a {
+  color: var(--macao-primary-color);
+}
+
+a.active {
+  color: var(--macao-secondary-font-color) !important;
+  background-color: var(--macao-primary-color);
+  border-radius: 5px;
+  padding: 5px;
+}
+
 // ***********************************
 // Comment on page
 // ***********************************