Add some variables as CSS custom properties

client/src/main.ts

@@ -4,6 +4,7 @@ import registerPlugins from './setup/plugins';
 import setupRouteGuards from './setup/router';
 import registerDirectives from './setup/directives';
 import '@/styles/main.scss';
+import '@/styles/variables.css';
 
 const app = setupApp();
 

client/src/styles/variables.css

@@ -0,0 +1,12 @@
+:root {
+  --default-border-radius: 13px;
+
+  --medium-spacing: 20px;
+  --small-spacing: 10px;
+
+  --mark-yellow: #fbf44a;
+  --mark-pink: #FF8BDE;
+  --mark-blue: #6FDCFF;
+
+  --color-silver: #d0d0d0;
+}