Variable fixes

frontend/src/styles/main.scss

@@ -9,7 +9,7 @@
 @use "components/icon";
 
 body {
-  background: variables.$color-bg;
+  background: var(--color-bg);
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
   color: #111827;
   margin: 0;
@@ -37,7 +37,7 @@ body {
   min-width: 0;
   height: 100%;
   overflow-y: auto;
-  padding: variables.$spacing-md;
+  padding: var(--spacing-md);
   box-sizing: border-box;
 }
 
@@ -53,7 +53,7 @@ body {
     box-sizing: border-box;
   }
   .sidebar.open { left: 0; }
-  .content { margin-left: 0; padding: variables.$spacing-md; box-sizing: border-box; }
+  .content { margin-left: 0; padding: var(--spacing-md); box-sizing: border-box; }
 }
 
 .rundbg {
@@ -62,7 +62,7 @@ body {
   flex-direction: column;
   max-width: 60%;
   margin: 0 auto;
-  background-color: variables.$rundbgbackgroundcolor;
+  background-color: var(--rundbgbackgroundcolor);
   padding-bottom: 96px;
   padding-left: 32px;
   padding-right: 32px;