fix css import pt 2

src/components/LimelightButton.vue

@@ -10,18 +10,20 @@
 </template>
 
 <script setup lang="ts">
+import "theme.css";
 defineProps<{
-  variant?: 'primary' | 'outline' | 'ghost' | 'danger'
+  variant?: "primary" | "outline" | "ghost" | "danger";
-  disabled?: boolean
+  disabled?: boolean;
-}>()
+}>();
 </script>
 
 <style scoped>
-@import 'tailwindcss';
+@import "tailwindcss";
+@import "../../theme.css";
 .btn {
   @apply h-10 text-sm;
   padding: 0 1.5rem;
-  font-family: 'Barlow', sans-serif;
+  font-family: "Barlow", sans-serif;
   font-weight: 700;
   letter-spacing: 0.06em;
   text-transform: uppercase;

theme.css

@@ -1,4 +1,6 @@
-@import './font.css';
+@import "tailwindcss";
+
+@import "./font.css";
 
 @theme {
   --color-black: #000;
@@ -22,7 +24,7 @@
   --color-on-secondary: var(--color-white);
   --color-hover: var(--color-primary-dark);
 
-  --font-limelight: 'Open Sans';
+  --font-limelight: "Open Sans";
   --default-font-family: var(--font-limelight);
   --breakpoint-3xl: 112rem;
   --breakpoint-4xl: 128rem;