feat: change to other sitepakage

packages/base/Resources/Public/Scss/abstracts/_mixins.scss

@@ -0,0 +1,10 @@
+// Example mixin for transitions
+@mixin transition($property: all, $duration: 0.3s, $timing: ease-in-out) {
+  transition: $property $duration $timing;
+}
+
+@mixin respond($breakpoint) {
+  @media (min-width: $breakpoint) {
+    @content;
+  }
+}

packages/base/Resources/Public/Scss/abstracts/_variables.scss

@@ -0,0 +1,11 @@
+// Example variables, extend as needed
+$primary-color: #4b4b4b;
+$secondary-color: #ffffff;
+$brand-color: #6B8E23;
+$font-stack: 'Helvetica', sans-serif;
+
+// Breakpoints
+$breakpoint-sm: 576px;
+$breakpoint-md: 768px;
+$breakpoint-lg: 992px;
+$breakpoint-xl: 1200px;