diff --git a/vite.config.ts b/vite.config.ts
index 35921e22..568775ca 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { resolve } from 'path';
 
 export default defineConfig({
   base: '/', 
@@ -9,4 +10,16 @@ export default defineConfig({
   optimizeDeps: {
     exclude: ['lucide-react'], 
   },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src'),
+    },
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: '@import "@/styles/variables.scss";',
+      },
+    },
+  },
 });