Update color scheme across components to use new primary orange variable

- Replaced hardcoded orange color values with the new CSS variable for primary orange in multiple components, ensuring consistency in styling.
- Updated styles in DialogWidget, MessageboxWidget, SettingsWidget, SimpleTabs, and various Falukant components to enhance maintainability and readability.

frontend/src/components/DialogWidget.vue

@@ -216,7 +216,7 @@ export default {
   justify-content: space-between;
   padding: 5px 5px;
   border-bottom: 1px solid #ddd;
-  background-color: #FF6B35;
+  background-color: var(--color-primary-orange);
   cursor: move;
 }
 
@@ -258,7 +258,7 @@ dialog-footer {
   margin-left: 10px;
   padding: 5px 10px;
   cursor: pointer;
-  background: #FF6B35;
+  background: var(--color-primary-orange);
   color: #000000;
   border: none;
   border-radius: 4px;

frontend/src/components/MessageboxWidget.vue

@@ -133,7 +133,7 @@ export default {
     justify-content: space-between;
     padding: 10px 20px;
     border-bottom: 1px solid #ddd;
-    background-color: #FF6B35;
+    background-color: var(--color-primary-orange);
 }
 
 .dialog-icon {

frontend/src/components/SettingsWidget.vue

@@ -253,9 +253,9 @@ export default {
         margin-left: 10px;
         padding: 5px 12px;
         cursor: pointer;
-        background: #FF6B35;
+        background: var(--color-primary-orange);
         color: #000000;
-        border: 1px solid #FF6B35;
+        border: 1px solid var(--color-primary-orange);
         border-radius: 4px;
         transition: background 0.05s;
         border: 1px solid transparent;
@@ -263,8 +263,8 @@ export default {
     }
     
     .contact-button:hover {
-        background: #FFF4F0;
-        color: #5D4037;
-        border: 1px solid #5D4037;
+        background: var(--color-primary-orange-light);
+        color: var(--color-text-secondary);
+        border: 1px solid var(--color-text-secondary);
     }
 </style>

frontend/src/components/SimpleTabs.vue

@@ -57,7 +57,7 @@ export default {
 }
 
 .simple-tab.active {
-  background: #FF6B35;
+  background: var(--color-primary-orange);
   color: #000;
 }
 </style>

frontend/src/components/falukant/MessagesDialog.vue

@@ -821,7 +821,7 @@ export default {
 }
 
 .messages > li .footer {
-  color: #FF6B35;
+  color: var(--color-primary-orange);
   font-size: 0.8em;
   margin-top: 0.3em;
   display: flex;

frontend/src/components/falukant/RevenueSection.vue

@@ -222,7 +222,7 @@
     color: #000;
   }
   .city-price-orange {
-    background-color: #FF6B35;
+    background-color: var(--color-primary-orange);
     color: #000;
   }
   .city-price-red {

frontend/src/components/falukant/SaleSection.vue

@@ -631,7 +631,7 @@
     color: #000;
   }
   .city-price-orange {
-    background-color: #FF6B35;
+    background-color: var(--color-primary-orange);
     color: #000;
   }
   .city-price-red {