diff --git a/resources/css/beth.css b/resources/css/beth.css
new file mode 100644
index 0000000..f72c357
--- /dev/null
+++ b/resources/css/beth.css
@@ -0,0 +1,33 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
+
+@import '@sethsharp/lumuix/dist/types/presets/styles.css';
+
+:root {
+    --primary-foreground: 168 84% 90%;
+
+    --primary-50: 340 70% 98%;
+    --primary-100: 339 85% 92%;
+    --primary-200: 338 91% 84%;
+    --primary-300: 337 85% 74%;
+    --primary-400: 336 77% 63%;
+    --primary-500: 335 100% 54%;
+    --primary-600: 334 90% 44%;
+    --primary-700: 333 83% 36%;
+    --primary-800: 332 75% 29%;
+    --primary-900: 331 66% 23%;
+    --primary-950: 330 60% 19%;
+
+    --secondary-50: 264 100% 94%;
+    --secondary-100: 263 100% 88%;
+    --secondary-200: 262 96% 78%;
+    --secondary-300: 261 92% 68%;
+    --secondary-400: 260 87% 58%;
+    --secondary-500: 259 100% 48%;
+    --secondary-600: 258 94% 38%;
+    --secondary-700: 257 89% 29%;
+    --secondary-800: 256 84% 22%;
+    --secondary-900: 255 78% 17%;
+    --secondary-950: 254 72% 12%;
+}
diff --git a/resources/views/layouts/beth-main.blade.php b/resources/views/layouts/beth-main.blade.php
index f98c85a..ffdbf26 100644
--- a/resources/views/layouts/beth-main.blade.php
+++ b/resources/views/layouts/beth-main.blade.php
@@ -4,14 +4,14 @@
 
     <title> @yield('title', config('app.name')) </title>
 
-    @vite('resources/css/app.css')
+    @vite('resources/css/beth.css')
     @vite('resources/js/main.js')
 
     <link rel="preconnect" href="https://fonts.bunny.net">
     <link rel="icon" href="{{ asset('/beth/favicon.ico') }}" type="image/x-icon">
 
     @stack('meta')
-    
+
     @routes
     @livewireStyles
 </head>
diff --git a/tailwind.config.js b/tailwind.config.js
index 1e4e61e..457da84 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,18 +1,6 @@
 const defaultTheme = require('tailwindcss/defaultTheme')
-import colors from 'tailwindcss/colors.js'
 import { preset } from '@sethsharp/lumuix'
 
-require('dotenv').config()
-
-let primary, secondary
-if (process.env.EB_ENVIRONMENT === 'seth') {
-    primary = buildPrimaryColour(colors.teal)
-    secondary = buildPrimaryColour(colors.purple)
-} else {
-    primary = buildPrimaryColour(colors.rose)
-    secondary = buildPrimaryColour(colors.purple)
-}
-
 module.exports = {
     presets: [preset],
 
@@ -70,18 +58,3 @@ module.exports = {
 
     plugins: [require('@tailwindcss/forms')],
 }
-
-function buildPrimaryColour(colour) {
-    return {
-        50: colour[50],
-        100: colour[100],
-        200: colour[200],
-        300: colour[300],
-        400: colour[400],
-        500: colour[500],
-        600: colour[600],
-        700: colour[700],
-        800: colour[800],
-        900: colour[900],
-    }
-}
diff --git a/vite.config.js b/vite.config.js
index af92aaf..8479744 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -5,7 +5,12 @@ import laravel from 'laravel-vite-plugin'
 export default defineConfig({
     plugins: [
         laravel({
-            input: ['resources/css/app.css', 'resources/js/app.js', 'resources/js/main.js'],
+            input: [
+                'resources/css/beth.css',
+                'resources/css/app.css',
+                'resources/js/app.js',
+                'resources/js/main.js',
+            ],
             refresh: true,
         }),
         vue({
diff --git a/vite.config.js.timestamp-1728282278006-f364bc79e235d.mjs b/vite.config.js.timestamp-1728282278006-f364bc79e235d.mjs
deleted file mode 100644
index f8ce63e..0000000
--- a/vite.config.js.timestamp-1728282278006-f364bc79e235d.mjs
+++ /dev/null
@@ -1,24 +0,0 @@
-// vite.config.js
-import { defineConfig } from "file:///C:/Users/sesha/code/Portfolio/node_modules/vite/dist/node/index.js";
-import vue from "file:///C:/Users/sesha/code/Portfolio/node_modules/@vitejs/plugin-vue/dist/index.mjs";
-import laravel from "file:///C:/Users/sesha/code/Portfolio/node_modules/laravel-vite-plugin/dist/index.js";
-var vite_config_default = defineConfig({
-  plugins: [
-    laravel({
-      input: ["resources/css/app.css", "resources/js/app.js", "resources/js/main.js"],
-      refresh: true
-    }),
-    vue({
-      template: {
-        transformAssetUrls: {
-          base: null,
-          includeAbsolute: false
-        }
-      }
-    })
-  ]
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxzZXNoYVxcXFxjb2RlXFxcXFBvcnRmb2xpb1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiQzpcXFxcVXNlcnNcXFxcc2VzaGFcXFxcY29kZVxcXFxQb3J0Zm9saW9cXFxcdml0ZS5jb25maWcuanNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL3Nlc2hhL2NvZGUvUG9ydGZvbGlvL3ZpdGUuY29uZmlnLmpzXCI7aW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSdcclxuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXHJcbmltcG9ydCBsYXJhdmVsIGZyb20gJ2xhcmF2ZWwtdml0ZS1wbHVnaW4nXHJcblxyXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoe1xyXG4gICAgcGx1Z2luczogW1xyXG4gICAgICAgIGxhcmF2ZWwoe1xyXG4gICAgICAgICAgICBpbnB1dDogWydyZXNvdXJjZXMvY3NzL2FwcC5jc3MnLCAncmVzb3VyY2VzL2pzL2FwcC5qcycsICdyZXNvdXJjZXMvanMvbWFpbi5qcyddLFxyXG4gICAgICAgICAgICByZWZyZXNoOiB0cnVlLFxyXG4gICAgICAgIH0pLFxyXG4gICAgICAgIHZ1ZSh7XHJcbiAgICAgICAgICAgIHRlbXBsYXRlOiB7XHJcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm1Bc3NldFVybHM6IHtcclxuICAgICAgICAgICAgICAgICAgICBiYXNlOiBudWxsLFxyXG4gICAgICAgICAgICAgICAgICAgIGluY2x1ZGVBYnNvbHV0ZTogZmFsc2UsXHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0pLFxyXG4gICAgXSxcclxufSlcclxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUFtUixTQUFTLG9CQUFvQjtBQUNoVCxPQUFPLFNBQVM7QUFDaEIsT0FBTyxhQUFhO0FBRXBCLElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQ3hCLFNBQVM7QUFBQSxJQUNMLFFBQVE7QUFBQSxNQUNKLE9BQU8sQ0FBQyx5QkFBeUIsdUJBQXVCLHNCQUFzQjtBQUFBLE1BQzlFLFNBQVM7QUFBQSxJQUNiLENBQUM7QUFBQSxJQUNELElBQUk7QUFBQSxNQUNBLFVBQVU7QUFBQSxRQUNOLG9CQUFvQjtBQUFBLFVBQ2hCLE1BQU07QUFBQSxVQUNOLGlCQUFpQjtBQUFBLFFBQ3JCO0FBQUEsTUFDSjtBQUFBLElBQ0osQ0FBQztBQUFBLEVBQ0w7QUFDSixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=