From 0e3fa4535537e654af6bbce95e5882946a7bbeb1 Mon Sep 17 00:00:00 2001
From: Anders Klenke <anders_klenke@icloud.com>
Date: Mon, 18 Jan 2021 18:00:45 +0100
Subject: [PATCH] Add Tailwind colors

---
 app/assets/stylesheets/tailwind.css | 4224 +++++++++++++++++++++++++++
 tailwind.config.js                  |   20 +-
 2 files changed, 4236 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/tailwind.css b/app/assets/stylesheets/tailwind.css
index c22a4b82..bc6c7db5 100644
--- a/app/assets/stylesheets/tailwind.css
+++ b/app/assets/stylesheets/tailwind.css
@@ -3618,6 +3618,16 @@ select {
   border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
 }
 
+.divide-beige > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+}
+
+.divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
     border-color: transparent;
@@ -4036,6 +4046,16 @@ select {
     --tw-divide-opacity: 1;
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
   }
+
+  .dark\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+  }
+
+  .dark\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+  }
 }
 
 .divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -4640,6 +4660,16 @@ select {
   background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
 }
 
+.bg-beige {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+}
+
+.bg-vinby-red {
+  --tw-bg-opacity: 1;
+  background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+}
+
 .group:hover .group-hover\:bg-transparent {
   background-color: transparent;
 }
@@ -5058,6 +5088,16 @@ select {
   background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
 }
 
+.group:hover .group-hover\:bg-beige {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-vinby-red {
+  --tw-bg-opacity: 1;
+  background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+}
+
 .focus-within\:bg-transparent:focus-within {
   background-color: transparent;
 }
@@ -5476,6 +5516,16 @@ select {
   background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
 }
 
+.focus-within\:bg-beige:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+}
+
+.focus-within\:bg-vinby-red:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+}
+
 .hover\:bg-transparent:hover {
   background-color: transparent;
 }
@@ -5894,6 +5944,16 @@ select {
   background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
 }
 
+.hover\:bg-beige:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+}
+
+.hover\:bg-vinby-red:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+}
+
 .focus\:bg-transparent:focus {
   background-color: transparent;
 }
@@ -6312,6 +6372,16 @@ select {
   background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
 }
 
+.focus\:bg-beige:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+}
+
+.focus\:bg-vinby-red:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:bg-transparent {
     background-color: transparent;
@@ -6731,6 +6801,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .dark\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .dark\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .group:hover .dark\:group-hover\:bg-transparent {
     background-color: transparent;
   }
@@ -7149,6 +7229,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .group:hover .dark\:group-hover\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .group:hover .dark\:group-hover\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .dark\:focus-within\:bg-transparent:focus-within {
     background-color: transparent;
   }
@@ -7567,6 +7657,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .dark\:focus-within\:bg-beige:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .dark\:focus-within\:bg-vinby-red:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .dark\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -7985,6 +8085,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .dark\:hover\:bg-beige:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .dark\:hover\:bg-vinby-red:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .dark\:focus\:bg-transparent:focus {
     background-color: transparent;
   }
@@ -8402,6 +8512,16 @@ select {
     --tw-bg-opacity: 1;
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
+
+  .dark\:focus\:bg-beige:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .dark\:focus\:bg-vinby-red:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
 }
 
 .bg-none {
@@ -8860,6 +8980,16 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
 }
 
+.from-beige {
+  --tw-gradient-from: #F4EFEA;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+}
+
+.from-vinby-red {
+  --tw-gradient-from: #CC313D;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+}
+
 .via-transparent {
   --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
 }
@@ -9196,6 +9326,14 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
 }
 
+.via-beige {
+  --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+}
+
+.via-vinby-red {
+  --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+}
+
 .to-transparent {
   --tw-gradient-to: transparent;
 }
@@ -9532,6 +9670,14 @@ select {
   --tw-gradient-to: #831843;
 }
 
+.to-beige {
+  --tw-gradient-to: #F4EFEA;
+}
+
+.to-vinby-red {
+  --tw-gradient-to: #CC313D;
+}
+
 .hover\:from-transparent:hover {
   --tw-gradient-from: transparent;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -9952,6 +10098,16 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
 }
 
+.hover\:from-beige:hover {
+  --tw-gradient-from: #F4EFEA;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+}
+
+.hover\:from-vinby-red:hover {
+  --tw-gradient-from: #CC313D;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+}
+
 .hover\:via-transparent:hover {
   --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
 }
@@ -10288,6 +10444,14 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
 }
 
+.hover\:via-beige:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+}
+
+.hover\:via-vinby-red:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+}
+
 .hover\:to-transparent:hover {
   --tw-gradient-to: transparent;
 }
@@ -10624,6 +10788,14 @@ select {
   --tw-gradient-to: #831843;
 }
 
+.hover\:to-beige:hover {
+  --tw-gradient-to: #F4EFEA;
+}
+
+.hover\:to-vinby-red:hover {
+  --tw-gradient-to: #CC313D;
+}
+
 .focus\:from-transparent:focus {
   --tw-gradient-from: transparent;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -11044,6 +11216,16 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
 }
 
+.focus\:from-beige:focus {
+  --tw-gradient-from: #F4EFEA;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+}
+
+.focus\:from-vinby-red:focus {
+  --tw-gradient-from: #CC313D;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+}
+
 .focus\:via-transparent:focus {
   --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
 }
@@ -11380,6 +11562,14 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
 }
 
+.focus\:via-beige:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+}
+
+.focus\:via-vinby-red:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+}
+
 .focus\:to-transparent:focus {
   --tw-gradient-to: transparent;
 }
@@ -11716,6 +11906,14 @@ select {
   --tw-gradient-to: #831843;
 }
 
+.focus\:to-beige:focus {
+  --tw-gradient-to: #F4EFEA;
+}
+
+.focus\:to-vinby-red:focus {
+  --tw-gradient-to: #CC313D;
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:from-transparent {
     --tw-gradient-from: transparent;
@@ -12137,6 +12335,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .dark\:from-beige {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .dark\:from-vinby-red {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .dark\:via-transparent {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -12473,6 +12681,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .dark\:via-beige {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .dark\:via-vinby-red {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .dark\:to-transparent {
     --tw-gradient-to: transparent;
   }
@@ -12809,6 +13025,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .dark\:to-beige {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .dark\:to-vinby-red {
+    --tw-gradient-to: #CC313D;
+  }
+
   .dark\:hover\:from-transparent:hover {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -13229,6 +13453,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .dark\:hover\:from-beige:hover {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .dark\:hover\:from-vinby-red:hover {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .dark\:hover\:via-transparent:hover {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -13565,6 +13799,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .dark\:hover\:via-beige:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .dark\:hover\:via-vinby-red:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .dark\:hover\:to-transparent:hover {
     --tw-gradient-to: transparent;
   }
@@ -13901,6 +14143,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .dark\:hover\:to-beige:hover {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .dark\:hover\:to-vinby-red:hover {
+    --tw-gradient-to: #CC313D;
+  }
+
   .dark\:focus\:from-transparent:focus {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -14321,6 +14571,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .dark\:focus\:from-beige:focus {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .dark\:focus\:from-vinby-red:focus {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .dark\:focus\:via-transparent:focus {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -14657,6 +14917,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .dark\:focus\:via-beige:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .dark\:focus\:via-vinby-red:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .dark\:focus\:to-transparent:focus {
     --tw-gradient-to: transparent;
   }
@@ -14992,6 +15260,14 @@ select {
   .dark\:focus\:to-pink-900:focus {
     --tw-gradient-to: #831843;
   }
+
+  .dark\:focus\:to-beige:focus {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .dark\:focus\:to-vinby-red:focus {
+    --tw-gradient-to: #CC313D;
+  }
 }
 
 .bg-opacity-0 {
@@ -15792,6 +16068,16 @@ select {
   border-color: rgba(131, 24, 67, var(--tw-border-opacity));
 }
 
+.border-beige {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+}
+
+.border-vinby-red {
+  --tw-border-opacity: 1;
+  border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+}
+
 .group:hover .group-hover\:border-transparent {
   border-color: transparent;
 }
@@ -16210,6 +16496,16 @@ select {
   border-color: rgba(131, 24, 67, var(--tw-border-opacity));
 }
 
+.group:hover .group-hover\:border-beige {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+}
+
+.group:hover .group-hover\:border-vinby-red {
+  --tw-border-opacity: 1;
+  border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+}
+
 .focus-within\:border-transparent:focus-within {
   border-color: transparent;
 }
@@ -16628,6 +16924,16 @@ select {
   border-color: rgba(131, 24, 67, var(--tw-border-opacity));
 }
 
+.focus-within\:border-beige:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+}
+
+.focus-within\:border-vinby-red:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+}
+
 .hover\:border-transparent:hover {
   border-color: transparent;
 }
@@ -17046,6 +17352,16 @@ select {
   border-color: rgba(131, 24, 67, var(--tw-border-opacity));
 }
 
+.hover\:border-beige:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+}
+
+.hover\:border-vinby-red:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+}
+
 .focus\:border-transparent:focus {
   border-color: transparent;
 }
@@ -17464,6 +17780,16 @@ select {
   border-color: rgba(131, 24, 67, var(--tw-border-opacity));
 }
 
+.focus\:border-beige:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+}
+
+.focus\:border-vinby-red:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:border-transparent {
     border-color: transparent;
@@ -17883,6 +18209,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .dark\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .dark\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .group:hover .dark\:group-hover\:border-transparent {
     border-color: transparent;
   }
@@ -18301,6 +18637,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .group:hover .dark\:group-hover\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .group:hover .dark\:group-hover\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .dark\:focus-within\:border-transparent:focus-within {
     border-color: transparent;
   }
@@ -18719,6 +19065,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .dark\:focus-within\:border-beige:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .dark\:focus-within\:border-vinby-red:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .dark\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -19137,6 +19493,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .dark\:hover\:border-beige:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .dark\:hover\:border-vinby-red:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .dark\:focus\:border-transparent:focus {
     border-color: transparent;
   }
@@ -19554,6 +19920,16 @@ select {
     --tw-border-opacity: 1;
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
+
+  .dark\:focus\:border-beige:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .dark\:focus\:border-vinby-red:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
 }
 
 .border-opacity-0 {
@@ -26401,6 +26777,36 @@ select {
   color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
 }
 
+.placeholder-beige::-moz-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+}
+
+.placeholder-beige:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+}
+
+.placeholder-beige::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+}
+
+.placeholder-vinby-red::-moz-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+}
+
+.placeholder-vinby-red:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+}
+
+.placeholder-vinby-red::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+}
+
 .focus\:placeholder-transparent:focus::-moz-placeholder {
   color: transparent;
 }
@@ -27655,6 +28061,36 @@ select {
   color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
 }
 
+.focus\:placeholder-beige:focus::-moz-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-beige:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-beige:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-vinby-red:focus::-moz-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-vinby-red:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:placeholder-transparent::-moz-placeholder {
     color: transparent;
@@ -28908,6 +29344,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .dark\:placeholder-beige::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .dark\:placeholder-beige:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .dark\:placeholder-beige::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .dark\:placeholder-vinby-red::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .dark\:placeholder-vinby-red:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .dark\:placeholder-vinby-red::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   .dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
@@ -30161,6 +30627,36 @@ select {
     --tw-placeholder-opacity: 1;
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
+
+  .dark\:focus\:placeholder-beige:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-beige:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-vinby-red:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
 }
 
 .placeholder-opacity-0::-moz-placeholder {
@@ -34042,6 +34538,14 @@ select {
   --tw-ring-offset-color: #831843;
 }
 
+.ring-offset-beige {
+  --tw-ring-offset-color: #F4EFEA;
+}
+
+.ring-offset-vinby-red {
+  --tw-ring-offset-color: #CC313D;
+}
+
 .focus-within\:ring-offset-transparent:focus-within {
   --tw-ring-offset-color: transparent;
 }
@@ -34378,6 +34882,14 @@ select {
   --tw-ring-offset-color: #831843;
 }
 
+.focus-within\:ring-offset-beige:focus-within {
+  --tw-ring-offset-color: #F4EFEA;
+}
+
+.focus-within\:ring-offset-vinby-red:focus-within {
+  --tw-ring-offset-color: #CC313D;
+}
+
 .focus\:ring-offset-transparent:focus {
   --tw-ring-offset-color: transparent;
 }
@@ -34714,6 +35226,14 @@ select {
   --tw-ring-offset-color: #831843;
 }
 
+.focus\:ring-offset-beige:focus {
+  --tw-ring-offset-color: #F4EFEA;
+}
+
+.focus\:ring-offset-vinby-red:focus {
+  --tw-ring-offset-color: #CC313D;
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:ring-offset-transparent {
     --tw-ring-offset-color: transparent;
@@ -35051,6 +35571,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .dark\:ring-offset-beige {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .dark\:ring-offset-vinby-red {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .dark\:focus-within\:ring-offset-transparent:focus-within {
     --tw-ring-offset-color: transparent;
   }
@@ -35387,6 +35915,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .dark\:focus-within\:ring-offset-beige:focus-within {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .dark\:focus-within\:ring-offset-vinby-red:focus-within {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .dark\:focus\:ring-offset-transparent:focus {
     --tw-ring-offset-color: transparent;
   }
@@ -35722,6 +36258,14 @@ select {
   .dark\:focus\:ring-offset-pink-900:focus {
     --tw-ring-offset-color: #831843;
   }
+
+  .dark\:focus\:ring-offset-beige:focus {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .dark\:focus\:ring-offset-vinby-red:focus {
+    --tw-ring-offset-color: #CC313D;
+  }
 }
 
 .ring-offset-0 {
@@ -36202,6 +36746,16 @@ select {
   --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
 }
 
+.ring-beige {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+}
+
+.ring-vinby-red {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+}
+
 .focus-within\:ring-transparent:focus-within {
   --tw-ring-color: transparent;
 }
@@ -36620,6 +37174,16 @@ select {
   --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
 }
 
+.focus-within\:ring-beige:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+}
+
+.focus-within\:ring-vinby-red:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+}
+
 .focus\:ring-transparent:focus {
   --tw-ring-color: transparent;
 }
@@ -37038,6 +37602,16 @@ select {
   --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
 }
 
+.focus\:ring-beige:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+}
+
+.focus\:ring-vinby-red:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:ring-transparent {
     --tw-ring-color: transparent;
@@ -37457,6 +38031,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .dark\:ring-beige {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .dark\:ring-vinby-red {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .dark\:focus-within\:ring-transparent:focus-within {
     --tw-ring-color: transparent;
   }
@@ -37875,6 +38459,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .dark\:focus-within\:ring-beige:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .dark\:focus-within\:ring-vinby-red:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .dark\:focus\:ring-transparent:focus {
     --tw-ring-color: transparent;
   }
@@ -38292,6 +38886,16 @@ select {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
+
+  .dark\:focus\:ring-beige:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .dark\:focus\:ring-vinby-red:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
 }
 
 .ring-opacity-0 {
@@ -38936,6 +39540,16 @@ select {
   color: rgba(131, 24, 67, var(--tw-text-opacity));
 }
 
+.text-beige {
+  --tw-text-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-text-opacity));
+}
+
+.text-vinby-red {
+  --tw-text-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-text-opacity));
+}
+
 .group:hover .group-hover\:text-transparent {
   color: transparent;
 }
@@ -39354,6 +39968,16 @@ select {
   color: rgba(131, 24, 67, var(--tw-text-opacity));
 }
 
+.group:hover .group-hover\:text-beige {
+  --tw-text-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-vinby-red {
+  --tw-text-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-text-opacity));
+}
+
 .focus-within\:text-transparent:focus-within {
   color: transparent;
 }
@@ -39772,6 +40396,16 @@ select {
   color: rgba(131, 24, 67, var(--tw-text-opacity));
 }
 
+.focus-within\:text-beige:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-text-opacity));
+}
+
+.focus-within\:text-vinby-red:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-text-opacity));
+}
+
 .hover\:text-transparent:hover {
   color: transparent;
 }
@@ -40190,6 +40824,16 @@ select {
   color: rgba(131, 24, 67, var(--tw-text-opacity));
 }
 
+.hover\:text-beige:hover {
+  --tw-text-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-text-opacity));
+}
+
+.hover\:text-vinby-red:hover {
+  --tw-text-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-text-opacity));
+}
+
 .focus\:text-transparent:focus {
   color: transparent;
 }
@@ -40608,6 +41252,16 @@ select {
   color: rgba(131, 24, 67, var(--tw-text-opacity));
 }
 
+.focus\:text-beige:focus {
+  --tw-text-opacity: 1;
+  color: rgba(244, 239, 234, var(--tw-text-opacity));
+}
+
+.focus\:text-vinby-red:focus {
+  --tw-text-opacity: 1;
+  color: rgba(204, 49, 61, var(--tw-text-opacity));
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:text-transparent {
     color: transparent;
@@ -41027,6 +41681,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .dark\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .dark\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .group:hover .dark\:group-hover\:text-transparent {
     color: transparent;
   }
@@ -41445,6 +42109,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .group:hover .dark\:group-hover\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .group:hover .dark\:group-hover\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .dark\:focus-within\:text-transparent:focus-within {
     color: transparent;
   }
@@ -41863,6 +42537,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .dark\:focus-within\:text-beige:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .dark\:focus-within\:text-vinby-red:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .dark\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -42281,6 +42965,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .dark\:hover\:text-beige:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .dark\:hover\:text-vinby-red:hover {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .dark\:focus\:text-transparent:focus {
     color: transparent;
   }
@@ -42698,6 +43392,16 @@ select {
     --tw-text-opacity: 1;
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
+
+  .dark\:focus\:text-beige:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .dark\:focus\:text-vinby-red:focus {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
 }
 
 .text-opacity-0 {
@@ -50495,6 +51199,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
   }
 
+  .sm\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+  }
+
+  .sm\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .sm\:dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
       border-color: transparent;
@@ -50913,6 +51627,16 @@ select {
       --tw-divide-opacity: 1;
       border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
     }
+
+    .sm\:dark\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+    }
+
+    .sm\:dark\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+    }
   }
 
   .sm\:divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -51517,6 +52241,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .sm\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .sm\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .group:hover .sm\:group-hover\:bg-transparent {
     background-color: transparent;
   }
@@ -51935,6 +52669,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .group:hover .sm\:group-hover\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .sm\:focus-within\:bg-transparent:focus-within {
     background-color: transparent;
   }
@@ -52353,6 +53097,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .sm\:focus-within\:bg-beige:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus-within\:bg-vinby-red:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .sm\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -52771,6 +53525,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .sm\:hover\:bg-beige:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .sm\:hover\:bg-vinby-red:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .sm\:focus\:bg-transparent:focus {
     background-color: transparent;
   }
@@ -53189,6 +53953,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .sm\:focus\:bg-beige:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .sm\:focus\:bg-vinby-red:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .sm\:dark\:bg-transparent {
       background-color: transparent;
@@ -53608,6 +54382,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .sm\:dark\:bg-beige {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .sm\:dark\:bg-vinby-red {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .group:hover .sm\:dark\:group-hover\:bg-transparent {
       background-color: transparent;
     }
@@ -54026,6 +54810,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .group:hover .sm\:dark\:group-hover\:bg-beige {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .group:hover .sm\:dark\:group-hover\:bg-vinby-red {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .sm\:dark\:focus-within\:bg-transparent:focus-within {
       background-color: transparent;
     }
@@ -54444,6 +55238,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .sm\:dark\:focus-within\:bg-beige:focus-within {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .sm\:dark\:focus-within\:bg-vinby-red:focus-within {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .sm\:dark\:hover\:bg-transparent:hover {
       background-color: transparent;
     }
@@ -54862,6 +55666,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .sm\:dark\:hover\:bg-beige:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-vinby-red:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .sm\:dark\:focus\:bg-transparent:focus {
       background-color: transparent;
     }
@@ -55279,6 +56093,16 @@ select {
       --tw-bg-opacity: 1;
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
+
+    .sm\:dark\:focus\:bg-beige:focus {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-vinby-red:focus {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
   }
 
   .sm\:bg-none {
@@ -55737,6 +56561,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .sm\:from-beige {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .sm\:from-vinby-red {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .sm\:via-transparent {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -56073,6 +56907,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .sm\:via-beige {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .sm\:via-vinby-red {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .sm\:to-transparent {
     --tw-gradient-to: transparent;
   }
@@ -56409,6 +57251,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .sm\:to-beige {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .sm\:to-vinby-red {
+    --tw-gradient-to: #CC313D;
+  }
+
   .sm\:hover\:from-transparent:hover {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -56829,6 +57679,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .sm\:hover\:from-beige:hover {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .sm\:hover\:from-vinby-red:hover {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .sm\:hover\:via-transparent:hover {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -57165,6 +58025,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .sm\:hover\:via-beige:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .sm\:hover\:via-vinby-red:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .sm\:hover\:to-transparent:hover {
     --tw-gradient-to: transparent;
   }
@@ -57501,6 +58369,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .sm\:hover\:to-beige:hover {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .sm\:hover\:to-vinby-red:hover {
+    --tw-gradient-to: #CC313D;
+  }
+
   .sm\:focus\:from-transparent:focus {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -57921,6 +58797,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .sm\:focus\:from-beige:focus {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .sm\:focus\:from-vinby-red:focus {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .sm\:focus\:via-transparent:focus {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -58257,6 +59143,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .sm\:focus\:via-beige:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .sm\:focus\:via-vinby-red:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .sm\:focus\:to-transparent:focus {
     --tw-gradient-to: transparent;
   }
@@ -58593,6 +59487,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .sm\:focus\:to-beige:focus {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .sm\:focus\:to-vinby-red:focus {
+    --tw-gradient-to: #CC313D;
+  }
+
   @media (prefers-color-scheme: dark) {
     .sm\:dark\:from-transparent {
       --tw-gradient-from: transparent;
@@ -59014,6 +59916,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .sm\:dark\:from-beige {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .sm\:dark\:from-vinby-red {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .sm\:dark\:via-transparent {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -59350,6 +60262,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .sm\:dark\:via-beige {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .sm\:dark\:via-vinby-red {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .sm\:dark\:to-transparent {
       --tw-gradient-to: transparent;
     }
@@ -59686,6 +60606,14 @@ select {
       --tw-gradient-to: #831843;
     }
 
+    .sm\:dark\:to-beige {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .sm\:dark\:to-vinby-red {
+      --tw-gradient-to: #CC313D;
+    }
+
     .sm\:dark\:hover\:from-transparent:hover {
       --tw-gradient-from: transparent;
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -60106,6 +61034,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .sm\:dark\:hover\:from-beige:hover {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .sm\:dark\:hover\:from-vinby-red:hover {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .sm\:dark\:hover\:via-transparent:hover {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -60442,6 +61380,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .sm\:dark\:hover\:via-beige:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .sm\:dark\:hover\:via-vinby-red:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .sm\:dark\:hover\:to-transparent:hover {
       --tw-gradient-to: transparent;
     }
@@ -60778,6 +61724,14 @@ select {
       --tw-gradient-to: #831843;
     }
 
+    .sm\:dark\:hover\:to-beige:hover {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .sm\:dark\:hover\:to-vinby-red:hover {
+      --tw-gradient-to: #CC313D;
+    }
+
     .sm\:dark\:focus\:from-transparent:focus {
       --tw-gradient-from: transparent;
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -61198,6 +62152,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .sm\:dark\:focus\:from-beige:focus {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .sm\:dark\:focus\:from-vinby-red:focus {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .sm\:dark\:focus\:via-transparent:focus {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -61534,6 +62498,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .sm\:dark\:focus\:via-beige:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .sm\:dark\:focus\:via-vinby-red:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .sm\:dark\:focus\:to-transparent:focus {
       --tw-gradient-to: transparent;
     }
@@ -61869,6 +62841,14 @@ select {
     .sm\:dark\:focus\:to-pink-900:focus {
       --tw-gradient-to: #831843;
     }
+
+    .sm\:dark\:focus\:to-beige:focus {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .sm\:dark\:focus\:to-vinby-red:focus {
+      --tw-gradient-to: #CC313D;
+    }
   }
 
   .sm\:bg-opacity-0 {
@@ -62669,6 +63649,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .sm\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .sm\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .group:hover .sm\:group-hover\:border-transparent {
     border-color: transparent;
   }
@@ -63087,6 +64077,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .group:hover .sm\:group-hover\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .sm\:focus-within\:border-transparent:focus-within {
     border-color: transparent;
   }
@@ -63505,6 +64505,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .sm\:focus-within\:border-beige:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .sm\:focus-within\:border-vinby-red:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .sm\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -63923,6 +64933,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .sm\:hover\:border-beige:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .sm\:hover\:border-vinby-red:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .sm\:focus\:border-transparent:focus {
     border-color: transparent;
   }
@@ -64341,6 +65361,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .sm\:focus\:border-beige:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .sm\:focus\:border-vinby-red:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .sm\:dark\:border-transparent {
       border-color: transparent;
@@ -64760,6 +65790,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .sm\:dark\:border-beige {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .sm\:dark\:border-vinby-red {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .group:hover .sm\:dark\:group-hover\:border-transparent {
       border-color: transparent;
     }
@@ -65178,6 +66218,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .group:hover .sm\:dark\:group-hover\:border-beige {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .group:hover .sm\:dark\:group-hover\:border-vinby-red {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .sm\:dark\:focus-within\:border-transparent:focus-within {
       border-color: transparent;
     }
@@ -65596,6 +66646,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .sm\:dark\:focus-within\:border-beige:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .sm\:dark\:focus-within\:border-vinby-red:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .sm\:dark\:hover\:border-transparent:hover {
       border-color: transparent;
     }
@@ -66014,6 +67074,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .sm\:dark\:hover\:border-beige:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-vinby-red:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .sm\:dark\:focus\:border-transparent:focus {
       border-color: transparent;
     }
@@ -66431,6 +67501,16 @@ select {
       --tw-border-opacity: 1;
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
+
+    .sm\:dark\:focus\:border-beige:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-vinby-red:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
   }
 
   .sm\:border-opacity-0 {
@@ -73278,6 +74358,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .sm\:placeholder-beige::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-beige:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-beige::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-vinby-red::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-vinby-red:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-vinby-red::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
@@ -74532,6 +75642,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .sm\:focus\:placeholder-beige:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-beige:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-vinby-red:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .sm\:dark\:placeholder-transparent::-moz-placeholder {
       color: transparent;
@@ -75785,6 +76925,36 @@ select {
       color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
     }
 
+    .sm\:dark\:placeholder-beige::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-beige:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-beige::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-vinby-red::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-vinby-red:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-vinby-red::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
     .sm\:dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
       color: transparent;
     }
@@ -77038,6 +78208,36 @@ select {
       --tw-placeholder-opacity: 1;
       color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
     }
+
+    .sm\:dark\:focus\:placeholder-beige:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-beige:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-vinby-red:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
   }
 
   .sm\:placeholder-opacity-0::-moz-placeholder {
@@ -80906,6 +82106,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .sm\:ring-offset-beige {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .sm\:ring-offset-vinby-red {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .sm\:focus-within\:ring-offset-transparent:focus-within {
     --tw-ring-offset-color: transparent;
   }
@@ -81242,6 +82450,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .sm\:focus-within\:ring-offset-beige:focus-within {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .sm\:focus-within\:ring-offset-vinby-red:focus-within {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .sm\:focus\:ring-offset-transparent:focus {
     --tw-ring-offset-color: transparent;
   }
@@ -81578,6 +82794,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .sm\:focus\:ring-offset-beige:focus {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .sm\:focus\:ring-offset-vinby-red:focus {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   @media (prefers-color-scheme: dark) {
     .sm\:dark\:ring-offset-transparent {
       --tw-ring-offset-color: transparent;
@@ -81915,6 +83139,14 @@ select {
       --tw-ring-offset-color: #831843;
     }
 
+    .sm\:dark\:ring-offset-beige {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .sm\:dark\:ring-offset-vinby-red {
+      --tw-ring-offset-color: #CC313D;
+    }
+
     .sm\:dark\:focus-within\:ring-offset-transparent:focus-within {
       --tw-ring-offset-color: transparent;
     }
@@ -82251,6 +83483,14 @@ select {
       --tw-ring-offset-color: #831843;
     }
 
+    .sm\:dark\:focus-within\:ring-offset-beige:focus-within {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .sm\:dark\:focus-within\:ring-offset-vinby-red:focus-within {
+      --tw-ring-offset-color: #CC313D;
+    }
+
     .sm\:dark\:focus\:ring-offset-transparent:focus {
       --tw-ring-offset-color: transparent;
     }
@@ -82586,6 +83826,14 @@ select {
     .sm\:dark\:focus\:ring-offset-pink-900:focus {
       --tw-ring-offset-color: #831843;
     }
+
+    .sm\:dark\:focus\:ring-offset-beige:focus {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .sm\:dark\:focus\:ring-offset-vinby-red:focus {
+      --tw-ring-offset-color: #CC313D;
+    }
   }
 
   .sm\:ring-offset-0 {
@@ -83066,6 +84314,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .sm\:ring-beige {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .sm\:ring-vinby-red {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .sm\:focus-within\:ring-transparent:focus-within {
     --tw-ring-color: transparent;
   }
@@ -83484,6 +84742,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .sm\:focus-within\:ring-beige:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus-within\:ring-vinby-red:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .sm\:focus\:ring-transparent:focus {
     --tw-ring-color: transparent;
   }
@@ -83902,6 +85170,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .sm\:focus\:ring-beige:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .sm\:focus\:ring-vinby-red:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .sm\:dark\:ring-transparent {
       --tw-ring-color: transparent;
@@ -84321,6 +85599,16 @@ select {
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
 
+    .sm\:dark\:ring-beige {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .sm\:dark\:ring-vinby-red {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
+
     .sm\:dark\:focus-within\:ring-transparent:focus-within {
       --tw-ring-color: transparent;
     }
@@ -84739,6 +86027,16 @@ select {
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
 
+    .sm\:dark\:focus-within\:ring-beige:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .sm\:dark\:focus-within\:ring-vinby-red:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
+
     .sm\:dark\:focus\:ring-transparent:focus {
       --tw-ring-color: transparent;
     }
@@ -85156,6 +86454,16 @@ select {
       --tw-ring-opacity: 1;
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
+
+    .sm\:dark\:focus\:ring-beige:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .sm\:dark\:focus\:ring-vinby-red:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
   }
 
   .sm\:ring-opacity-0 {
@@ -85800,6 +87108,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .sm\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .sm\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .group:hover .sm\:group-hover\:text-transparent {
     color: transparent;
   }
@@ -86218,6 +87536,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .group:hover .sm\:group-hover\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .group:hover .sm\:group-hover\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .sm\:focus-within\:text-transparent:focus-within {
     color: transparent;
   }
@@ -86636,6 +87964,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .sm\:focus-within\:text-beige:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .sm\:focus-within\:text-vinby-red:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .sm\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -87054,6 +88392,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .sm\:hover\:text-beige:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .sm\:hover\:text-vinby-red:hover {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .sm\:focus\:text-transparent:focus {
     color: transparent;
   }
@@ -87472,6 +88820,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .sm\:focus\:text-beige:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .sm\:focus\:text-vinby-red:focus {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .sm\:dark\:text-transparent {
       color: transparent;
@@ -87891,6 +89249,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .sm\:dark\:text-beige {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .sm\:dark\:text-vinby-red {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .group:hover .sm\:dark\:group-hover\:text-transparent {
       color: transparent;
     }
@@ -88309,6 +89677,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .group:hover .sm\:dark\:group-hover\:text-beige {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .group:hover .sm\:dark\:group-hover\:text-vinby-red {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .sm\:dark\:focus-within\:text-transparent:focus-within {
       color: transparent;
     }
@@ -88727,6 +90105,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .sm\:dark\:focus-within\:text-beige:focus-within {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .sm\:dark\:focus-within\:text-vinby-red:focus-within {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .sm\:dark\:hover\:text-transparent:hover {
       color: transparent;
     }
@@ -89145,6 +90533,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .sm\:dark\:hover\:text-beige:hover {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-vinby-red:hover {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .sm\:dark\:focus\:text-transparent:focus {
       color: transparent;
     }
@@ -89562,6 +90960,16 @@ select {
       --tw-text-opacity: 1;
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
+
+    .sm\:dark\:focus\:text-beige:focus {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-vinby-red:focus {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
   }
 
   .sm\:text-opacity-0 {
@@ -97294,6 +98702,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
   }
 
+  .md\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+  }
+
+  .md\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .md\:dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
       border-color: transparent;
@@ -97712,6 +99130,16 @@ select {
       --tw-divide-opacity: 1;
       border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
     }
+
+    .md\:dark\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+    }
+
+    .md\:dark\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+    }
   }
 
   .md\:divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -98316,6 +99744,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .md\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .md\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .group:hover .md\:group-hover\:bg-transparent {
     background-color: transparent;
   }
@@ -98734,6 +100172,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .group:hover .md\:group-hover\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .group:hover .md\:group-hover\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .md\:focus-within\:bg-transparent:focus-within {
     background-color: transparent;
   }
@@ -99152,6 +100600,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .md\:focus-within\:bg-beige:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .md\:focus-within\:bg-vinby-red:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .md\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -99570,6 +101028,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .md\:hover\:bg-beige:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .md\:hover\:bg-vinby-red:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .md\:focus\:bg-transparent:focus {
     background-color: transparent;
   }
@@ -99988,6 +101456,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .md\:focus\:bg-beige:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .md\:focus\:bg-vinby-red:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .md\:dark\:bg-transparent {
       background-color: transparent;
@@ -100407,6 +101885,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .md\:dark\:bg-beige {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .md\:dark\:bg-vinby-red {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .group:hover .md\:dark\:group-hover\:bg-transparent {
       background-color: transparent;
     }
@@ -100825,6 +102313,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .group:hover .md\:dark\:group-hover\:bg-beige {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .group:hover .md\:dark\:group-hover\:bg-vinby-red {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .md\:dark\:focus-within\:bg-transparent:focus-within {
       background-color: transparent;
     }
@@ -101243,6 +102741,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .md\:dark\:focus-within\:bg-beige:focus-within {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .md\:dark\:focus-within\:bg-vinby-red:focus-within {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .md\:dark\:hover\:bg-transparent:hover {
       background-color: transparent;
     }
@@ -101661,6 +103169,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .md\:dark\:hover\:bg-beige:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-vinby-red:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .md\:dark\:focus\:bg-transparent:focus {
       background-color: transparent;
     }
@@ -102078,6 +103596,16 @@ select {
       --tw-bg-opacity: 1;
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
+
+    .md\:dark\:focus\:bg-beige:focus {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-vinby-red:focus {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
   }
 
   .md\:bg-none {
@@ -102536,6 +104064,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .md\:from-beige {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .md\:from-vinby-red {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .md\:via-transparent {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -102872,6 +104410,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .md\:via-beige {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .md\:via-vinby-red {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .md\:to-transparent {
     --tw-gradient-to: transparent;
   }
@@ -103208,6 +104754,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .md\:to-beige {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .md\:to-vinby-red {
+    --tw-gradient-to: #CC313D;
+  }
+
   .md\:hover\:from-transparent:hover {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -103628,6 +105182,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .md\:hover\:from-beige:hover {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .md\:hover\:from-vinby-red:hover {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .md\:hover\:via-transparent:hover {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -103964,6 +105528,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .md\:hover\:via-beige:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .md\:hover\:via-vinby-red:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .md\:hover\:to-transparent:hover {
     --tw-gradient-to: transparent;
   }
@@ -104300,6 +105872,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .md\:hover\:to-beige:hover {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .md\:hover\:to-vinby-red:hover {
+    --tw-gradient-to: #CC313D;
+  }
+
   .md\:focus\:from-transparent:focus {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -104720,6 +106300,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .md\:focus\:from-beige:focus {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .md\:focus\:from-vinby-red:focus {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .md\:focus\:via-transparent:focus {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -105056,6 +106646,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .md\:focus\:via-beige:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .md\:focus\:via-vinby-red:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .md\:focus\:to-transparent:focus {
     --tw-gradient-to: transparent;
   }
@@ -105392,6 +106990,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .md\:focus\:to-beige:focus {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .md\:focus\:to-vinby-red:focus {
+    --tw-gradient-to: #CC313D;
+  }
+
   @media (prefers-color-scheme: dark) {
     .md\:dark\:from-transparent {
       --tw-gradient-from: transparent;
@@ -105813,6 +107419,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .md\:dark\:from-beige {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .md\:dark\:from-vinby-red {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .md\:dark\:via-transparent {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -106149,6 +107765,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .md\:dark\:via-beige {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .md\:dark\:via-vinby-red {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .md\:dark\:to-transparent {
       --tw-gradient-to: transparent;
     }
@@ -106485,6 +108109,14 @@ select {
       --tw-gradient-to: #831843;
     }
 
+    .md\:dark\:to-beige {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .md\:dark\:to-vinby-red {
+      --tw-gradient-to: #CC313D;
+    }
+
     .md\:dark\:hover\:from-transparent:hover {
       --tw-gradient-from: transparent;
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -106905,6 +108537,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .md\:dark\:hover\:from-beige:hover {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .md\:dark\:hover\:from-vinby-red:hover {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .md\:dark\:hover\:via-transparent:hover {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -107241,6 +108883,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .md\:dark\:hover\:via-beige:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .md\:dark\:hover\:via-vinby-red:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .md\:dark\:hover\:to-transparent:hover {
       --tw-gradient-to: transparent;
     }
@@ -107577,6 +109227,14 @@ select {
       --tw-gradient-to: #831843;
     }
 
+    .md\:dark\:hover\:to-beige:hover {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .md\:dark\:hover\:to-vinby-red:hover {
+      --tw-gradient-to: #CC313D;
+    }
+
     .md\:dark\:focus\:from-transparent:focus {
       --tw-gradient-from: transparent;
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -107997,6 +109655,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .md\:dark\:focus\:from-beige:focus {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .md\:dark\:focus\:from-vinby-red:focus {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .md\:dark\:focus\:via-transparent:focus {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -108333,6 +110001,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .md\:dark\:focus\:via-beige:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .md\:dark\:focus\:via-vinby-red:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .md\:dark\:focus\:to-transparent:focus {
       --tw-gradient-to: transparent;
     }
@@ -108668,6 +110344,14 @@ select {
     .md\:dark\:focus\:to-pink-900:focus {
       --tw-gradient-to: #831843;
     }
+
+    .md\:dark\:focus\:to-beige:focus {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .md\:dark\:focus\:to-vinby-red:focus {
+      --tw-gradient-to: #CC313D;
+    }
   }
 
   .md\:bg-opacity-0 {
@@ -109468,6 +111152,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .md\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .md\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .group:hover .md\:group-hover\:border-transparent {
     border-color: transparent;
   }
@@ -109886,6 +111580,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .group:hover .md\:group-hover\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .group:hover .md\:group-hover\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .md\:focus-within\:border-transparent:focus-within {
     border-color: transparent;
   }
@@ -110304,6 +112008,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .md\:focus-within\:border-beige:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .md\:focus-within\:border-vinby-red:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .md\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -110722,6 +112436,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .md\:hover\:border-beige:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .md\:hover\:border-vinby-red:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .md\:focus\:border-transparent:focus {
     border-color: transparent;
   }
@@ -111140,6 +112864,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .md\:focus\:border-beige:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .md\:focus\:border-vinby-red:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .md\:dark\:border-transparent {
       border-color: transparent;
@@ -111559,6 +113293,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .md\:dark\:border-beige {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .md\:dark\:border-vinby-red {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .group:hover .md\:dark\:group-hover\:border-transparent {
       border-color: transparent;
     }
@@ -111977,6 +113721,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .group:hover .md\:dark\:group-hover\:border-beige {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .group:hover .md\:dark\:group-hover\:border-vinby-red {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .md\:dark\:focus-within\:border-transparent:focus-within {
       border-color: transparent;
     }
@@ -112395,6 +114149,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .md\:dark\:focus-within\:border-beige:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .md\:dark\:focus-within\:border-vinby-red:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .md\:dark\:hover\:border-transparent:hover {
       border-color: transparent;
     }
@@ -112813,6 +114577,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .md\:dark\:hover\:border-beige:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .md\:dark\:hover\:border-vinby-red:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .md\:dark\:focus\:border-transparent:focus {
       border-color: transparent;
     }
@@ -113230,6 +115004,16 @@ select {
       --tw-border-opacity: 1;
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
+
+    .md\:dark\:focus\:border-beige:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .md\:dark\:focus\:border-vinby-red:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
   }
 
   .md\:border-opacity-0 {
@@ -120077,6 +121861,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .md\:placeholder-beige::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-beige:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-beige::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-vinby-red::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-vinby-red:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-vinby-red::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
@@ -121331,6 +123145,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .md\:focus\:placeholder-beige:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-beige:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-vinby-red:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .md\:dark\:placeholder-transparent::-moz-placeholder {
       color: transparent;
@@ -122584,6 +124428,36 @@ select {
       color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
     }
 
+    .md\:dark\:placeholder-beige::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-beige:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-beige::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-vinby-red::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-vinby-red:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-vinby-red::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
     .md\:dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
       color: transparent;
     }
@@ -123837,6 +125711,36 @@ select {
       --tw-placeholder-opacity: 1;
       color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
     }
+
+    .md\:dark\:focus\:placeholder-beige:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-beige:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-vinby-red:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
   }
 
   .md\:placeholder-opacity-0::-moz-placeholder {
@@ -127705,6 +129609,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .md\:ring-offset-beige {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .md\:ring-offset-vinby-red {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .md\:focus-within\:ring-offset-transparent:focus-within {
     --tw-ring-offset-color: transparent;
   }
@@ -128041,6 +129953,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .md\:focus-within\:ring-offset-beige:focus-within {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .md\:focus-within\:ring-offset-vinby-red:focus-within {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .md\:focus\:ring-offset-transparent:focus {
     --tw-ring-offset-color: transparent;
   }
@@ -128377,6 +130297,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .md\:focus\:ring-offset-beige:focus {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .md\:focus\:ring-offset-vinby-red:focus {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   @media (prefers-color-scheme: dark) {
     .md\:dark\:ring-offset-transparent {
       --tw-ring-offset-color: transparent;
@@ -128714,6 +130642,14 @@ select {
       --tw-ring-offset-color: #831843;
     }
 
+    .md\:dark\:ring-offset-beige {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .md\:dark\:ring-offset-vinby-red {
+      --tw-ring-offset-color: #CC313D;
+    }
+
     .md\:dark\:focus-within\:ring-offset-transparent:focus-within {
       --tw-ring-offset-color: transparent;
     }
@@ -129050,6 +130986,14 @@ select {
       --tw-ring-offset-color: #831843;
     }
 
+    .md\:dark\:focus-within\:ring-offset-beige:focus-within {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .md\:dark\:focus-within\:ring-offset-vinby-red:focus-within {
+      --tw-ring-offset-color: #CC313D;
+    }
+
     .md\:dark\:focus\:ring-offset-transparent:focus {
       --tw-ring-offset-color: transparent;
     }
@@ -129385,6 +131329,14 @@ select {
     .md\:dark\:focus\:ring-offset-pink-900:focus {
       --tw-ring-offset-color: #831843;
     }
+
+    .md\:dark\:focus\:ring-offset-beige:focus {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .md\:dark\:focus\:ring-offset-vinby-red:focus {
+      --tw-ring-offset-color: #CC313D;
+    }
   }
 
   .md\:ring-offset-0 {
@@ -129865,6 +131817,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .md\:ring-beige {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .md\:ring-vinby-red {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .md\:focus-within\:ring-transparent:focus-within {
     --tw-ring-color: transparent;
   }
@@ -130283,6 +132245,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .md\:focus-within\:ring-beige:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .md\:focus-within\:ring-vinby-red:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .md\:focus\:ring-transparent:focus {
     --tw-ring-color: transparent;
   }
@@ -130701,6 +132673,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .md\:focus\:ring-beige:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .md\:focus\:ring-vinby-red:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .md\:dark\:ring-transparent {
       --tw-ring-color: transparent;
@@ -131120,6 +133102,16 @@ select {
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
 
+    .md\:dark\:ring-beige {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .md\:dark\:ring-vinby-red {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
+
     .md\:dark\:focus-within\:ring-transparent:focus-within {
       --tw-ring-color: transparent;
     }
@@ -131538,6 +133530,16 @@ select {
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
 
+    .md\:dark\:focus-within\:ring-beige:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .md\:dark\:focus-within\:ring-vinby-red:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
+
     .md\:dark\:focus\:ring-transparent:focus {
       --tw-ring-color: transparent;
     }
@@ -131955,6 +133957,16 @@ select {
       --tw-ring-opacity: 1;
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
+
+    .md\:dark\:focus\:ring-beige:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .md\:dark\:focus\:ring-vinby-red:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
   }
 
   .md\:ring-opacity-0 {
@@ -132599,6 +134611,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .md\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .md\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .group:hover .md\:group-hover\:text-transparent {
     color: transparent;
   }
@@ -133017,6 +135039,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .group:hover .md\:group-hover\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .group:hover .md\:group-hover\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .md\:focus-within\:text-transparent:focus-within {
     color: transparent;
   }
@@ -133435,6 +135467,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .md\:focus-within\:text-beige:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .md\:focus-within\:text-vinby-red:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .md\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -133853,6 +135895,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .md\:hover\:text-beige:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .md\:hover\:text-vinby-red:hover {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .md\:focus\:text-transparent:focus {
     color: transparent;
   }
@@ -134271,6 +136323,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .md\:focus\:text-beige:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .md\:focus\:text-vinby-red:focus {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .md\:dark\:text-transparent {
       color: transparent;
@@ -134690,6 +136752,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .md\:dark\:text-beige {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .md\:dark\:text-vinby-red {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .group:hover .md\:dark\:group-hover\:text-transparent {
       color: transparent;
     }
@@ -135108,6 +137180,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .group:hover .md\:dark\:group-hover\:text-beige {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .group:hover .md\:dark\:group-hover\:text-vinby-red {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .md\:dark\:focus-within\:text-transparent:focus-within {
       color: transparent;
     }
@@ -135526,6 +137608,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .md\:dark\:focus-within\:text-beige:focus-within {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .md\:dark\:focus-within\:text-vinby-red:focus-within {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .md\:dark\:hover\:text-transparent:hover {
       color: transparent;
     }
@@ -135944,6 +138036,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .md\:dark\:hover\:text-beige:hover {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .md\:dark\:hover\:text-vinby-red:hover {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .md\:dark\:focus\:text-transparent:focus {
       color: transparent;
     }
@@ -136361,6 +138463,16 @@ select {
       --tw-text-opacity: 1;
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
+
+    .md\:dark\:focus\:text-beige:focus {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .md\:dark\:focus\:text-vinby-red:focus {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
   }
 
   .md\:text-opacity-0 {
@@ -144093,6 +146205,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
   }
 
+  .lg\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+  }
+
+  .lg\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .lg\:dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
       border-color: transparent;
@@ -144511,6 +146633,16 @@ select {
       --tw-divide-opacity: 1;
       border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
     }
+
+    .lg\:dark\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+    }
+
+    .lg\:dark\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+    }
   }
 
   .lg\:divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -145115,6 +147247,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .lg\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .group:hover .lg\:group-hover\:bg-transparent {
     background-color: transparent;
   }
@@ -145533,6 +147675,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .group:hover .lg\:group-hover\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .lg\:focus-within\:bg-transparent:focus-within {
     background-color: transparent;
   }
@@ -145951,6 +148103,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .lg\:focus-within\:bg-beige:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus-within\:bg-vinby-red:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .lg\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -146369,6 +148531,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .lg\:hover\:bg-beige:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .lg\:hover\:bg-vinby-red:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .lg\:focus\:bg-transparent:focus {
     background-color: transparent;
   }
@@ -146787,6 +148959,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .lg\:focus\:bg-beige:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .lg\:focus\:bg-vinby-red:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .lg\:dark\:bg-transparent {
       background-color: transparent;
@@ -147206,6 +149388,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .lg\:dark\:bg-beige {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .lg\:dark\:bg-vinby-red {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .group:hover .lg\:dark\:group-hover\:bg-transparent {
       background-color: transparent;
     }
@@ -147624,6 +149816,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .group:hover .lg\:dark\:group-hover\:bg-beige {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .group:hover .lg\:dark\:group-hover\:bg-vinby-red {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .lg\:dark\:focus-within\:bg-transparent:focus-within {
       background-color: transparent;
     }
@@ -148042,6 +150244,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .lg\:dark\:focus-within\:bg-beige:focus-within {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .lg\:dark\:focus-within\:bg-vinby-red:focus-within {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .lg\:dark\:hover\:bg-transparent:hover {
       background-color: transparent;
     }
@@ -148460,6 +150672,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .lg\:dark\:hover\:bg-beige:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-vinby-red:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .lg\:dark\:focus\:bg-transparent:focus {
       background-color: transparent;
     }
@@ -148877,6 +151099,16 @@ select {
       --tw-bg-opacity: 1;
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
+
+    .lg\:dark\:focus\:bg-beige:focus {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-vinby-red:focus {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
   }
 
   .lg\:bg-none {
@@ -149335,6 +151567,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .lg\:from-beige {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .lg\:from-vinby-red {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .lg\:via-transparent {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -149671,6 +151913,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .lg\:via-beige {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .lg\:via-vinby-red {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .lg\:to-transparent {
     --tw-gradient-to: transparent;
   }
@@ -150007,6 +152257,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .lg\:to-beige {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .lg\:to-vinby-red {
+    --tw-gradient-to: #CC313D;
+  }
+
   .lg\:hover\:from-transparent:hover {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -150427,6 +152685,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .lg\:hover\:from-beige:hover {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .lg\:hover\:from-vinby-red:hover {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .lg\:hover\:via-transparent:hover {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -150763,6 +153031,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .lg\:hover\:via-beige:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .lg\:hover\:via-vinby-red:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .lg\:hover\:to-transparent:hover {
     --tw-gradient-to: transparent;
   }
@@ -151099,6 +153375,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .lg\:hover\:to-beige:hover {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .lg\:hover\:to-vinby-red:hover {
+    --tw-gradient-to: #CC313D;
+  }
+
   .lg\:focus\:from-transparent:focus {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -151519,6 +153803,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .lg\:focus\:from-beige:focus {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .lg\:focus\:from-vinby-red:focus {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .lg\:focus\:via-transparent:focus {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -151855,6 +154149,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .lg\:focus\:via-beige:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .lg\:focus\:via-vinby-red:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .lg\:focus\:to-transparent:focus {
     --tw-gradient-to: transparent;
   }
@@ -152191,6 +154493,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .lg\:focus\:to-beige:focus {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .lg\:focus\:to-vinby-red:focus {
+    --tw-gradient-to: #CC313D;
+  }
+
   @media (prefers-color-scheme: dark) {
     .lg\:dark\:from-transparent {
       --tw-gradient-from: transparent;
@@ -152612,6 +154922,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .lg\:dark\:from-beige {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .lg\:dark\:from-vinby-red {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .lg\:dark\:via-transparent {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -152948,6 +155268,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .lg\:dark\:via-beige {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .lg\:dark\:via-vinby-red {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .lg\:dark\:to-transparent {
       --tw-gradient-to: transparent;
     }
@@ -153284,6 +155612,14 @@ select {
       --tw-gradient-to: #831843;
     }
 
+    .lg\:dark\:to-beige {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .lg\:dark\:to-vinby-red {
+      --tw-gradient-to: #CC313D;
+    }
+
     .lg\:dark\:hover\:from-transparent:hover {
       --tw-gradient-from: transparent;
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -153704,6 +156040,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .lg\:dark\:hover\:from-beige:hover {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .lg\:dark\:hover\:from-vinby-red:hover {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .lg\:dark\:hover\:via-transparent:hover {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -154040,6 +156386,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .lg\:dark\:hover\:via-beige:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .lg\:dark\:hover\:via-vinby-red:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .lg\:dark\:hover\:to-transparent:hover {
       --tw-gradient-to: transparent;
     }
@@ -154376,6 +156730,14 @@ select {
       --tw-gradient-to: #831843;
     }
 
+    .lg\:dark\:hover\:to-beige:hover {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .lg\:dark\:hover\:to-vinby-red:hover {
+      --tw-gradient-to: #CC313D;
+    }
+
     .lg\:dark\:focus\:from-transparent:focus {
       --tw-gradient-from: transparent;
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -154796,6 +157158,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .lg\:dark\:focus\:from-beige:focus {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .lg\:dark\:focus\:from-vinby-red:focus {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .lg\:dark\:focus\:via-transparent:focus {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -155132,6 +157504,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .lg\:dark\:focus\:via-beige:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .lg\:dark\:focus\:via-vinby-red:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .lg\:dark\:focus\:to-transparent:focus {
       --tw-gradient-to: transparent;
     }
@@ -155467,6 +157847,14 @@ select {
     .lg\:dark\:focus\:to-pink-900:focus {
       --tw-gradient-to: #831843;
     }
+
+    .lg\:dark\:focus\:to-beige:focus {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .lg\:dark\:focus\:to-vinby-red:focus {
+      --tw-gradient-to: #CC313D;
+    }
   }
 
   .lg\:bg-opacity-0 {
@@ -156267,6 +158655,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .lg\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .lg\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .group:hover .lg\:group-hover\:border-transparent {
     border-color: transparent;
   }
@@ -156685,6 +159083,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .group:hover .lg\:group-hover\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .lg\:focus-within\:border-transparent:focus-within {
     border-color: transparent;
   }
@@ -157103,6 +159511,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .lg\:focus-within\:border-beige:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .lg\:focus-within\:border-vinby-red:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .lg\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -157521,6 +159939,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .lg\:hover\:border-beige:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .lg\:hover\:border-vinby-red:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .lg\:focus\:border-transparent:focus {
     border-color: transparent;
   }
@@ -157939,6 +160367,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .lg\:focus\:border-beige:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .lg\:focus\:border-vinby-red:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .lg\:dark\:border-transparent {
       border-color: transparent;
@@ -158358,6 +160796,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .lg\:dark\:border-beige {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .lg\:dark\:border-vinby-red {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .group:hover .lg\:dark\:group-hover\:border-transparent {
       border-color: transparent;
     }
@@ -158776,6 +161224,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .group:hover .lg\:dark\:group-hover\:border-beige {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .group:hover .lg\:dark\:group-hover\:border-vinby-red {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .lg\:dark\:focus-within\:border-transparent:focus-within {
       border-color: transparent;
     }
@@ -159194,6 +161652,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .lg\:dark\:focus-within\:border-beige:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .lg\:dark\:focus-within\:border-vinby-red:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .lg\:dark\:hover\:border-transparent:hover {
       border-color: transparent;
     }
@@ -159612,6 +162080,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .lg\:dark\:hover\:border-beige:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-vinby-red:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .lg\:dark\:focus\:border-transparent:focus {
       border-color: transparent;
     }
@@ -160029,6 +162507,16 @@ select {
       --tw-border-opacity: 1;
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
+
+    .lg\:dark\:focus\:border-beige:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-vinby-red:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
   }
 
   .lg\:border-opacity-0 {
@@ -166876,6 +169364,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .lg\:placeholder-beige::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-beige:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-beige::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-vinby-red::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-vinby-red:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-vinby-red::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
@@ -168130,6 +170648,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .lg\:focus\:placeholder-beige:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-beige:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-vinby-red:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .lg\:dark\:placeholder-transparent::-moz-placeholder {
       color: transparent;
@@ -169383,6 +171931,36 @@ select {
       color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
     }
 
+    .lg\:dark\:placeholder-beige::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-beige:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-beige::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-vinby-red::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-vinby-red:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-vinby-red::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
     .lg\:dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
       color: transparent;
     }
@@ -170636,6 +173214,36 @@ select {
       --tw-placeholder-opacity: 1;
       color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
     }
+
+    .lg\:dark\:focus\:placeholder-beige:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-beige:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-vinby-red:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
   }
 
   .lg\:placeholder-opacity-0::-moz-placeholder {
@@ -174504,6 +177112,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .lg\:ring-offset-beige {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .lg\:ring-offset-vinby-red {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .lg\:focus-within\:ring-offset-transparent:focus-within {
     --tw-ring-offset-color: transparent;
   }
@@ -174840,6 +177456,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .lg\:focus-within\:ring-offset-beige:focus-within {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .lg\:focus-within\:ring-offset-vinby-red:focus-within {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .lg\:focus\:ring-offset-transparent:focus {
     --tw-ring-offset-color: transparent;
   }
@@ -175176,6 +177800,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .lg\:focus\:ring-offset-beige:focus {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .lg\:focus\:ring-offset-vinby-red:focus {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   @media (prefers-color-scheme: dark) {
     .lg\:dark\:ring-offset-transparent {
       --tw-ring-offset-color: transparent;
@@ -175513,6 +178145,14 @@ select {
       --tw-ring-offset-color: #831843;
     }
 
+    .lg\:dark\:ring-offset-beige {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .lg\:dark\:ring-offset-vinby-red {
+      --tw-ring-offset-color: #CC313D;
+    }
+
     .lg\:dark\:focus-within\:ring-offset-transparent:focus-within {
       --tw-ring-offset-color: transparent;
     }
@@ -175849,6 +178489,14 @@ select {
       --tw-ring-offset-color: #831843;
     }
 
+    .lg\:dark\:focus-within\:ring-offset-beige:focus-within {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .lg\:dark\:focus-within\:ring-offset-vinby-red:focus-within {
+      --tw-ring-offset-color: #CC313D;
+    }
+
     .lg\:dark\:focus\:ring-offset-transparent:focus {
       --tw-ring-offset-color: transparent;
     }
@@ -176184,6 +178832,14 @@ select {
     .lg\:dark\:focus\:ring-offset-pink-900:focus {
       --tw-ring-offset-color: #831843;
     }
+
+    .lg\:dark\:focus\:ring-offset-beige:focus {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .lg\:dark\:focus\:ring-offset-vinby-red:focus {
+      --tw-ring-offset-color: #CC313D;
+    }
   }
 
   .lg\:ring-offset-0 {
@@ -176664,6 +179320,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .lg\:ring-beige {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .lg\:ring-vinby-red {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .lg\:focus-within\:ring-transparent:focus-within {
     --tw-ring-color: transparent;
   }
@@ -177082,6 +179748,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .lg\:focus-within\:ring-beige:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus-within\:ring-vinby-red:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .lg\:focus\:ring-transparent:focus {
     --tw-ring-color: transparent;
   }
@@ -177500,6 +180176,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .lg\:focus\:ring-beige:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .lg\:focus\:ring-vinby-red:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .lg\:dark\:ring-transparent {
       --tw-ring-color: transparent;
@@ -177919,6 +180605,16 @@ select {
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
 
+    .lg\:dark\:ring-beige {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .lg\:dark\:ring-vinby-red {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
+
     .lg\:dark\:focus-within\:ring-transparent:focus-within {
       --tw-ring-color: transparent;
     }
@@ -178337,6 +181033,16 @@ select {
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
 
+    .lg\:dark\:focus-within\:ring-beige:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .lg\:dark\:focus-within\:ring-vinby-red:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
+
     .lg\:dark\:focus\:ring-transparent:focus {
       --tw-ring-color: transparent;
     }
@@ -178754,6 +181460,16 @@ select {
       --tw-ring-opacity: 1;
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
+
+    .lg\:dark\:focus\:ring-beige:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .lg\:dark\:focus\:ring-vinby-red:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
   }
 
   .lg\:ring-opacity-0 {
@@ -179398,6 +182114,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .lg\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .lg\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .group:hover .lg\:group-hover\:text-transparent {
     color: transparent;
   }
@@ -179816,6 +182542,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .group:hover .lg\:group-hover\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .group:hover .lg\:group-hover\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .lg\:focus-within\:text-transparent:focus-within {
     color: transparent;
   }
@@ -180234,6 +182970,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .lg\:focus-within\:text-beige:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .lg\:focus-within\:text-vinby-red:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .lg\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -180652,6 +183398,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .lg\:hover\:text-beige:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .lg\:hover\:text-vinby-red:hover {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .lg\:focus\:text-transparent:focus {
     color: transparent;
   }
@@ -181070,6 +183826,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .lg\:focus\:text-beige:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .lg\:focus\:text-vinby-red:focus {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .lg\:dark\:text-transparent {
       color: transparent;
@@ -181489,6 +184255,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .lg\:dark\:text-beige {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .lg\:dark\:text-vinby-red {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .group:hover .lg\:dark\:group-hover\:text-transparent {
       color: transparent;
     }
@@ -181907,6 +184683,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .group:hover .lg\:dark\:group-hover\:text-beige {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .group:hover .lg\:dark\:group-hover\:text-vinby-red {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .lg\:dark\:focus-within\:text-transparent:focus-within {
       color: transparent;
     }
@@ -182325,6 +185111,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .lg\:dark\:focus-within\:text-beige:focus-within {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .lg\:dark\:focus-within\:text-vinby-red:focus-within {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .lg\:dark\:hover\:text-transparent:hover {
       color: transparent;
     }
@@ -182743,6 +185539,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .lg\:dark\:hover\:text-beige:hover {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-vinby-red:hover {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .lg\:dark\:focus\:text-transparent:focus {
       color: transparent;
     }
@@ -183160,6 +185966,16 @@ select {
       --tw-text-opacity: 1;
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
+
+    .lg\:dark\:focus\:text-beige:focus {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-vinby-red:focus {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
   }
 
   .lg\:text-opacity-0 {
@@ -190892,6 +193708,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
   }
 
+  .xl\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+  }
+
+  .xl\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .xl\:dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
       border-color: transparent;
@@ -191310,6 +194136,16 @@ select {
       --tw-divide-opacity: 1;
       border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
     }
+
+    .xl\:dark\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+    }
+
+    .xl\:dark\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+    }
   }
 
   .xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -191914,6 +194750,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .xl\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .xl\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .group:hover .xl\:group-hover\:bg-transparent {
     background-color: transparent;
   }
@@ -192332,6 +195178,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .group:hover .xl\:group-hover\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .xl\:focus-within\:bg-transparent:focus-within {
     background-color: transparent;
   }
@@ -192750,6 +195606,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .xl\:focus-within\:bg-beige:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus-within\:bg-vinby-red:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .xl\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -193168,6 +196034,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .xl\:hover\:bg-beige:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .xl\:hover\:bg-vinby-red:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .xl\:focus\:bg-transparent:focus {
     background-color: transparent;
   }
@@ -193586,6 +196462,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .xl\:focus\:bg-beige:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .xl\:focus\:bg-vinby-red:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .xl\:dark\:bg-transparent {
       background-color: transparent;
@@ -194005,6 +196891,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .xl\:dark\:bg-beige {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .xl\:dark\:bg-vinby-red {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .group:hover .xl\:dark\:group-hover\:bg-transparent {
       background-color: transparent;
     }
@@ -194423,6 +197319,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .group:hover .xl\:dark\:group-hover\:bg-beige {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .group:hover .xl\:dark\:group-hover\:bg-vinby-red {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .xl\:dark\:focus-within\:bg-transparent:focus-within {
       background-color: transparent;
     }
@@ -194841,6 +197747,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .xl\:dark\:focus-within\:bg-beige:focus-within {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .xl\:dark\:focus-within\:bg-vinby-red:focus-within {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .xl\:dark\:hover\:bg-transparent:hover {
       background-color: transparent;
     }
@@ -195259,6 +198175,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .xl\:dark\:hover\:bg-beige:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-vinby-red:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .xl\:dark\:focus\:bg-transparent:focus {
       background-color: transparent;
     }
@@ -195676,6 +198602,16 @@ select {
       --tw-bg-opacity: 1;
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
+
+    .xl\:dark\:focus\:bg-beige:focus {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-vinby-red:focus {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
   }
 
   .xl\:bg-none {
@@ -196134,6 +199070,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .xl\:from-beige {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .xl\:from-vinby-red {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .xl\:via-transparent {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -196470,6 +199416,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .xl\:via-beige {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .xl\:via-vinby-red {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .xl\:to-transparent {
     --tw-gradient-to: transparent;
   }
@@ -196806,6 +199760,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .xl\:to-beige {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .xl\:to-vinby-red {
+    --tw-gradient-to: #CC313D;
+  }
+
   .xl\:hover\:from-transparent:hover {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -197226,6 +200188,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .xl\:hover\:from-beige:hover {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .xl\:hover\:from-vinby-red:hover {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .xl\:hover\:via-transparent:hover {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -197562,6 +200534,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .xl\:hover\:via-beige:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .xl\:hover\:via-vinby-red:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .xl\:hover\:to-transparent:hover {
     --tw-gradient-to: transparent;
   }
@@ -197898,6 +200878,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .xl\:hover\:to-beige:hover {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .xl\:hover\:to-vinby-red:hover {
+    --tw-gradient-to: #CC313D;
+  }
+
   .xl\:focus\:from-transparent:focus {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -198318,6 +201306,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .xl\:focus\:from-beige:focus {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .xl\:focus\:from-vinby-red:focus {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .xl\:focus\:via-transparent:focus {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -198654,6 +201652,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .xl\:focus\:via-beige:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .xl\:focus\:via-vinby-red:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .xl\:focus\:to-transparent:focus {
     --tw-gradient-to: transparent;
   }
@@ -198990,6 +201996,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .xl\:focus\:to-beige:focus {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .xl\:focus\:to-vinby-red:focus {
+    --tw-gradient-to: #CC313D;
+  }
+
   @media (prefers-color-scheme: dark) {
     .xl\:dark\:from-transparent {
       --tw-gradient-from: transparent;
@@ -199411,6 +202425,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .xl\:dark\:from-beige {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .xl\:dark\:from-vinby-red {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .xl\:dark\:via-transparent {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -199747,6 +202771,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .xl\:dark\:via-beige {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .xl\:dark\:via-vinby-red {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .xl\:dark\:to-transparent {
       --tw-gradient-to: transparent;
     }
@@ -200083,6 +203115,14 @@ select {
       --tw-gradient-to: #831843;
     }
 
+    .xl\:dark\:to-beige {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .xl\:dark\:to-vinby-red {
+      --tw-gradient-to: #CC313D;
+    }
+
     .xl\:dark\:hover\:from-transparent:hover {
       --tw-gradient-from: transparent;
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -200503,6 +203543,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .xl\:dark\:hover\:from-beige:hover {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .xl\:dark\:hover\:from-vinby-red:hover {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .xl\:dark\:hover\:via-transparent:hover {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -200839,6 +203889,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .xl\:dark\:hover\:via-beige:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .xl\:dark\:hover\:via-vinby-red:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .xl\:dark\:hover\:to-transparent:hover {
       --tw-gradient-to: transparent;
     }
@@ -201175,6 +204233,14 @@ select {
       --tw-gradient-to: #831843;
     }
 
+    .xl\:dark\:hover\:to-beige:hover {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .xl\:dark\:hover\:to-vinby-red:hover {
+      --tw-gradient-to: #CC313D;
+    }
+
     .xl\:dark\:focus\:from-transparent:focus {
       --tw-gradient-from: transparent;
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -201595,6 +204661,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .xl\:dark\:focus\:from-beige:focus {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .xl\:dark\:focus\:from-vinby-red:focus {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .xl\:dark\:focus\:via-transparent:focus {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -201931,6 +205007,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .xl\:dark\:focus\:via-beige:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .xl\:dark\:focus\:via-vinby-red:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .xl\:dark\:focus\:to-transparent:focus {
       --tw-gradient-to: transparent;
     }
@@ -202266,6 +205350,14 @@ select {
     .xl\:dark\:focus\:to-pink-900:focus {
       --tw-gradient-to: #831843;
     }
+
+    .xl\:dark\:focus\:to-beige:focus {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .xl\:dark\:focus\:to-vinby-red:focus {
+      --tw-gradient-to: #CC313D;
+    }
   }
 
   .xl\:bg-opacity-0 {
@@ -203066,6 +206158,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .xl\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .xl\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .group:hover .xl\:group-hover\:border-transparent {
     border-color: transparent;
   }
@@ -203484,6 +206586,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .group:hover .xl\:group-hover\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .xl\:focus-within\:border-transparent:focus-within {
     border-color: transparent;
   }
@@ -203902,6 +207014,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .xl\:focus-within\:border-beige:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .xl\:focus-within\:border-vinby-red:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .xl\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -204320,6 +207442,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .xl\:hover\:border-beige:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .xl\:hover\:border-vinby-red:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .xl\:focus\:border-transparent:focus {
     border-color: transparent;
   }
@@ -204738,6 +207870,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .xl\:focus\:border-beige:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .xl\:focus\:border-vinby-red:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .xl\:dark\:border-transparent {
       border-color: transparent;
@@ -205157,6 +208299,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .xl\:dark\:border-beige {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .xl\:dark\:border-vinby-red {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .group:hover .xl\:dark\:group-hover\:border-transparent {
       border-color: transparent;
     }
@@ -205575,6 +208727,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .group:hover .xl\:dark\:group-hover\:border-beige {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .group:hover .xl\:dark\:group-hover\:border-vinby-red {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .xl\:dark\:focus-within\:border-transparent:focus-within {
       border-color: transparent;
     }
@@ -205993,6 +209155,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .xl\:dark\:focus-within\:border-beige:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .xl\:dark\:focus-within\:border-vinby-red:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .xl\:dark\:hover\:border-transparent:hover {
       border-color: transparent;
     }
@@ -206411,6 +209583,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .xl\:dark\:hover\:border-beige:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-vinby-red:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .xl\:dark\:focus\:border-transparent:focus {
       border-color: transparent;
     }
@@ -206828,6 +210010,16 @@ select {
       --tw-border-opacity: 1;
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
+
+    .xl\:dark\:focus\:border-beige:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-vinby-red:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
   }
 
   .xl\:border-opacity-0 {
@@ -213675,6 +216867,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .xl\:placeholder-beige::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-beige:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-beige::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-vinby-red::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-vinby-red:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-vinby-red::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
@@ -214929,6 +218151,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .xl\:focus\:placeholder-beige:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-beige:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-vinby-red:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .xl\:dark\:placeholder-transparent::-moz-placeholder {
       color: transparent;
@@ -216182,6 +219434,36 @@ select {
       color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
     }
 
+    .xl\:dark\:placeholder-beige::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-beige:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-beige::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-vinby-red::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-vinby-red:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-vinby-red::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
     .xl\:dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
       color: transparent;
     }
@@ -217435,6 +220717,36 @@ select {
       --tw-placeholder-opacity: 1;
       color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
     }
+
+    .xl\:dark\:focus\:placeholder-beige:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-beige:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-vinby-red:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
   }
 
   .xl\:placeholder-opacity-0::-moz-placeholder {
@@ -221303,6 +224615,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .xl\:ring-offset-beige {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .xl\:ring-offset-vinby-red {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .xl\:focus-within\:ring-offset-transparent:focus-within {
     --tw-ring-offset-color: transparent;
   }
@@ -221639,6 +224959,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .xl\:focus-within\:ring-offset-beige:focus-within {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .xl\:focus-within\:ring-offset-vinby-red:focus-within {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .xl\:focus\:ring-offset-transparent:focus {
     --tw-ring-offset-color: transparent;
   }
@@ -221975,6 +225303,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .xl\:focus\:ring-offset-beige:focus {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .xl\:focus\:ring-offset-vinby-red:focus {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   @media (prefers-color-scheme: dark) {
     .xl\:dark\:ring-offset-transparent {
       --tw-ring-offset-color: transparent;
@@ -222312,6 +225648,14 @@ select {
       --tw-ring-offset-color: #831843;
     }
 
+    .xl\:dark\:ring-offset-beige {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .xl\:dark\:ring-offset-vinby-red {
+      --tw-ring-offset-color: #CC313D;
+    }
+
     .xl\:dark\:focus-within\:ring-offset-transparent:focus-within {
       --tw-ring-offset-color: transparent;
     }
@@ -222648,6 +225992,14 @@ select {
       --tw-ring-offset-color: #831843;
     }
 
+    .xl\:dark\:focus-within\:ring-offset-beige:focus-within {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .xl\:dark\:focus-within\:ring-offset-vinby-red:focus-within {
+      --tw-ring-offset-color: #CC313D;
+    }
+
     .xl\:dark\:focus\:ring-offset-transparent:focus {
       --tw-ring-offset-color: transparent;
     }
@@ -222983,6 +226335,14 @@ select {
     .xl\:dark\:focus\:ring-offset-pink-900:focus {
       --tw-ring-offset-color: #831843;
     }
+
+    .xl\:dark\:focus\:ring-offset-beige:focus {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .xl\:dark\:focus\:ring-offset-vinby-red:focus {
+      --tw-ring-offset-color: #CC313D;
+    }
   }
 
   .xl\:ring-offset-0 {
@@ -223463,6 +226823,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .xl\:ring-beige {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .xl\:ring-vinby-red {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .xl\:focus-within\:ring-transparent:focus-within {
     --tw-ring-color: transparent;
   }
@@ -223881,6 +227251,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .xl\:focus-within\:ring-beige:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus-within\:ring-vinby-red:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .xl\:focus\:ring-transparent:focus {
     --tw-ring-color: transparent;
   }
@@ -224299,6 +227679,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .xl\:focus\:ring-beige:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .xl\:focus\:ring-vinby-red:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .xl\:dark\:ring-transparent {
       --tw-ring-color: transparent;
@@ -224718,6 +228108,16 @@ select {
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
 
+    .xl\:dark\:ring-beige {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .xl\:dark\:ring-vinby-red {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
+
     .xl\:dark\:focus-within\:ring-transparent:focus-within {
       --tw-ring-color: transparent;
     }
@@ -225136,6 +228536,16 @@ select {
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
 
+    .xl\:dark\:focus-within\:ring-beige:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .xl\:dark\:focus-within\:ring-vinby-red:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
+
     .xl\:dark\:focus\:ring-transparent:focus {
       --tw-ring-color: transparent;
     }
@@ -225553,6 +228963,16 @@ select {
       --tw-ring-opacity: 1;
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
+
+    .xl\:dark\:focus\:ring-beige:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .xl\:dark\:focus\:ring-vinby-red:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
   }
 
   .xl\:ring-opacity-0 {
@@ -226197,6 +229617,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .xl\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .xl\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .group:hover .xl\:group-hover\:text-transparent {
     color: transparent;
   }
@@ -226615,6 +230045,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .group:hover .xl\:group-hover\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .group:hover .xl\:group-hover\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .xl\:focus-within\:text-transparent:focus-within {
     color: transparent;
   }
@@ -227033,6 +230473,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .xl\:focus-within\:text-beige:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .xl\:focus-within\:text-vinby-red:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .xl\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -227451,6 +230901,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .xl\:hover\:text-beige:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .xl\:hover\:text-vinby-red:hover {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .xl\:focus\:text-transparent:focus {
     color: transparent;
   }
@@ -227869,6 +231329,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .xl\:focus\:text-beige:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .xl\:focus\:text-vinby-red:focus {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .xl\:dark\:text-transparent {
       color: transparent;
@@ -228288,6 +231758,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .xl\:dark\:text-beige {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .xl\:dark\:text-vinby-red {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .group:hover .xl\:dark\:group-hover\:text-transparent {
       color: transparent;
     }
@@ -228706,6 +232186,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .group:hover .xl\:dark\:group-hover\:text-beige {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .group:hover .xl\:dark\:group-hover\:text-vinby-red {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .xl\:dark\:focus-within\:text-transparent:focus-within {
       color: transparent;
     }
@@ -229124,6 +232614,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .xl\:dark\:focus-within\:text-beige:focus-within {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .xl\:dark\:focus-within\:text-vinby-red:focus-within {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .xl\:dark\:hover\:text-transparent:hover {
       color: transparent;
     }
@@ -229542,6 +233042,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .xl\:dark\:hover\:text-beige:hover {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-vinby-red:hover {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .xl\:dark\:focus\:text-transparent:focus {
       color: transparent;
     }
@@ -229959,6 +233469,16 @@ select {
       --tw-text-opacity: 1;
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
+
+    .xl\:dark\:focus\:text-beige:focus {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-vinby-red:focus {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
   }
 
   .xl\:text-opacity-0 {
@@ -237691,6 +241211,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
   }
 
+  .\32xl\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+  }
+
+  .\32xl\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .\32xl\:dark\:divide-transparent > :not([hidden]) ~ :not([hidden]) {
       border-color: transparent;
@@ -238109,6 +241639,16 @@ select {
       --tw-divide-opacity: 1;
       border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
     }
+
+    .\32xl\:dark\:divide-beige > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-divide-opacity));
+    }
+
+    .\32xl\:dark\:divide-vinby-red > :not([hidden]) ~ :not([hidden]) {
+      --tw-divide-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-divide-opacity));
+    }
   }
 
   .\32xl\:divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -238713,6 +242253,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .\32xl\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .group:hover .\32xl\:group-hover\:bg-transparent {
     background-color: transparent;
   }
@@ -239131,6 +242681,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .group:hover .\32xl\:group-hover\:bg-beige {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-vinby-red {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .\32xl\:focus-within\:bg-transparent:focus-within {
     background-color: transparent;
   }
@@ -239549,6 +243109,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .\32xl\:focus-within\:bg-beige:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus-within\:bg-vinby-red:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .\32xl\:hover\:bg-transparent:hover {
     background-color: transparent;
   }
@@ -239967,6 +243537,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .\32xl\:hover\:bg-beige:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:hover\:bg-vinby-red:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   .\32xl\:focus\:bg-transparent:focus {
     background-color: transparent;
   }
@@ -240385,6 +243965,16 @@ select {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
   }
 
+  .\32xl\:focus\:bg-beige:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+  }
+
+  .\32xl\:focus\:bg-vinby-red:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .\32xl\:dark\:bg-transparent {
       background-color: transparent;
@@ -240804,6 +244394,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .\32xl\:dark\:bg-beige {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .\32xl\:dark\:bg-vinby-red {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .group:hover .\32xl\:dark\:group-hover\:bg-transparent {
       background-color: transparent;
     }
@@ -241222,6 +244822,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .group:hover .\32xl\:dark\:group-hover\:bg-beige {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .group:hover .\32xl\:dark\:group-hover\:bg-vinby-red {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .\32xl\:dark\:focus-within\:bg-transparent:focus-within {
       background-color: transparent;
     }
@@ -241640,6 +245250,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .\32xl\:dark\:focus-within\:bg-beige:focus-within {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .\32xl\:dark\:focus-within\:bg-vinby-red:focus-within {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .\32xl\:dark\:hover\:bg-transparent:hover {
       background-color: transparent;
     }
@@ -242058,6 +245678,16 @@ select {
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
 
+    .\32xl\:dark\:hover\:bg-beige:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .\32xl\:dark\:hover\:bg-vinby-red:hover {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
+
     .\32xl\:dark\:focus\:bg-transparent:focus {
       background-color: transparent;
     }
@@ -242475,6 +246105,16 @@ select {
       --tw-bg-opacity: 1;
       background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
     }
+
+    .\32xl\:dark\:focus\:bg-beige:focus {
+      --tw-bg-opacity: 1;
+      background-color: rgba(244, 239, 234, var(--tw-bg-opacity));
+    }
+
+    .\32xl\:dark\:focus\:bg-vinby-red:focus {
+      --tw-bg-opacity: 1;
+      background-color: rgba(204, 49, 61, var(--tw-bg-opacity));
+    }
   }
 
   .\32xl\:bg-none {
@@ -242933,6 +246573,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .\32xl\:from-beige {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .\32xl\:from-vinby-red {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .\32xl\:via-transparent {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -243269,6 +246919,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .\32xl\:via-beige {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .\32xl\:via-vinby-red {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .\32xl\:to-transparent {
     --tw-gradient-to: transparent;
   }
@@ -243605,6 +247263,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .\32xl\:to-beige {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .\32xl\:to-vinby-red {
+    --tw-gradient-to: #CC313D;
+  }
+
   .\32xl\:hover\:from-transparent:hover {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -244025,6 +247691,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .\32xl\:hover\:from-beige:hover {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .\32xl\:hover\:from-vinby-red:hover {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .\32xl\:hover\:via-transparent:hover {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -244361,6 +248037,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .\32xl\:hover\:via-beige:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .\32xl\:hover\:via-vinby-red:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .\32xl\:hover\:to-transparent:hover {
     --tw-gradient-to: transparent;
   }
@@ -244697,6 +248381,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .\32xl\:hover\:to-beige:hover {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .\32xl\:hover\:to-vinby-red:hover {
+    --tw-gradient-to: #CC313D;
+  }
+
   .\32xl\:focus\:from-transparent:focus {
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -245117,6 +248809,16 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .\32xl\:focus\:from-beige:focus {
+    --tw-gradient-from: #F4EFEA;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .\32xl\:focus\:from-vinby-red:focus {
+    --tw-gradient-from: #CC313D;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .\32xl\:focus\:via-transparent:focus {
     --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
   }
@@ -245453,6 +249155,14 @@ select {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
   }
 
+  .\32xl\:focus\:via-beige:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+  }
+
+  .\32xl\:focus\:via-vinby-red:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+  }
+
   .\32xl\:focus\:to-transparent:focus {
     --tw-gradient-to: transparent;
   }
@@ -245789,6 +249499,14 @@ select {
     --tw-gradient-to: #831843;
   }
 
+  .\32xl\:focus\:to-beige:focus {
+    --tw-gradient-to: #F4EFEA;
+  }
+
+  .\32xl\:focus\:to-vinby-red:focus {
+    --tw-gradient-to: #CC313D;
+  }
+
   @media (prefers-color-scheme: dark) {
     .\32xl\:dark\:from-transparent {
       --tw-gradient-from: transparent;
@@ -246210,6 +249928,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .\32xl\:dark\:from-beige {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .\32xl\:dark\:from-vinby-red {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .\32xl\:dark\:via-transparent {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -246546,6 +250274,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .\32xl\:dark\:via-beige {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .\32xl\:dark\:via-vinby-red {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .\32xl\:dark\:to-transparent {
       --tw-gradient-to: transparent;
     }
@@ -246882,6 +250618,14 @@ select {
       --tw-gradient-to: #831843;
     }
 
+    .\32xl\:dark\:to-beige {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .\32xl\:dark\:to-vinby-red {
+      --tw-gradient-to: #CC313D;
+    }
+
     .\32xl\:dark\:hover\:from-transparent:hover {
       --tw-gradient-from: transparent;
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -247302,6 +251046,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .\32xl\:dark\:hover\:from-beige:hover {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .\32xl\:dark\:hover\:from-vinby-red:hover {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .\32xl\:dark\:hover\:via-transparent:hover {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -247638,6 +251392,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .\32xl\:dark\:hover\:via-beige:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .\32xl\:dark\:hover\:via-vinby-red:hover {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .\32xl\:dark\:hover\:to-transparent:hover {
       --tw-gradient-to: transparent;
     }
@@ -247974,6 +251736,14 @@ select {
       --tw-gradient-to: #831843;
     }
 
+    .\32xl\:dark\:hover\:to-beige:hover {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .\32xl\:dark\:hover\:to-vinby-red:hover {
+      --tw-gradient-to: #CC313D;
+    }
+
     .\32xl\:dark\:focus\:from-transparent:focus {
       --tw-gradient-from: transparent;
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0));
@@ -248394,6 +252164,16 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .\32xl\:dark\:focus\:from-beige:focus {
+      --tw-gradient-from: #F4EFEA;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .\32xl\:dark\:focus\:from-vinby-red:focus {
+      --tw-gradient-from: #CC313D;
+      --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .\32xl\:dark\:focus\:via-transparent:focus {
       --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
     }
@@ -248730,6 +252510,14 @@ select {
       --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0));
     }
 
+    .\32xl\:dark\:focus\:via-beige:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #F4EFEA, var(--tw-gradient-to, rgba(244, 239, 234, 0));
+    }
+
+    .\32xl\:dark\:focus\:via-vinby-red:focus {
+      --tw-gradient-stops: var(--tw-gradient-from), #CC313D, var(--tw-gradient-to, rgba(204, 49, 61, 0));
+    }
+
     .\32xl\:dark\:focus\:to-transparent:focus {
       --tw-gradient-to: transparent;
     }
@@ -249065,6 +252853,14 @@ select {
     .\32xl\:dark\:focus\:to-pink-900:focus {
       --tw-gradient-to: #831843;
     }
+
+    .\32xl\:dark\:focus\:to-beige:focus {
+      --tw-gradient-to: #F4EFEA;
+    }
+
+    .\32xl\:dark\:focus\:to-vinby-red:focus {
+      --tw-gradient-to: #CC313D;
+    }
   }
 
   .\32xl\:bg-opacity-0 {
@@ -249865,6 +253661,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .\32xl\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .\32xl\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .group:hover .\32xl\:group-hover\:border-transparent {
     border-color: transparent;
   }
@@ -250283,6 +254089,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .group:hover .\32xl\:group-hover\:border-beige {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:border-vinby-red {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .\32xl\:focus-within\:border-transparent:focus-within {
     border-color: transparent;
   }
@@ -250701,6 +254517,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .\32xl\:focus-within\:border-beige:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus-within\:border-vinby-red:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .\32xl\:hover\:border-transparent:hover {
     border-color: transparent;
   }
@@ -251119,6 +254945,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .\32xl\:hover\:border-beige:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .\32xl\:hover\:border-vinby-red:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   .\32xl\:focus\:border-transparent:focus {
     border-color: transparent;
   }
@@ -251537,6 +255373,16 @@ select {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity));
   }
 
+  .\32xl\:focus\:border-beige:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+  }
+
+  .\32xl\:focus\:border-vinby-red:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .\32xl\:dark\:border-transparent {
       border-color: transparent;
@@ -251956,6 +255802,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .\32xl\:dark\:border-beige {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .\32xl\:dark\:border-vinby-red {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .group:hover .\32xl\:dark\:group-hover\:border-transparent {
       border-color: transparent;
     }
@@ -252374,6 +256230,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .group:hover .\32xl\:dark\:group-hover\:border-beige {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .group:hover .\32xl\:dark\:group-hover\:border-vinby-red {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .\32xl\:dark\:focus-within\:border-transparent:focus-within {
       border-color: transparent;
     }
@@ -252792,6 +256658,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .\32xl\:dark\:focus-within\:border-beige:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .\32xl\:dark\:focus-within\:border-vinby-red:focus-within {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .\32xl\:dark\:hover\:border-transparent:hover {
       border-color: transparent;
     }
@@ -253210,6 +257086,16 @@ select {
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
 
+    .\32xl\:dark\:hover\:border-beige:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .\32xl\:dark\:hover\:border-vinby-red:hover {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
+
     .\32xl\:dark\:focus\:border-transparent:focus {
       border-color: transparent;
     }
@@ -253627,6 +257513,16 @@ select {
       --tw-border-opacity: 1;
       border-color: rgba(131, 24, 67, var(--tw-border-opacity));
     }
+
+    .\32xl\:dark\:focus\:border-beige:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(244, 239, 234, var(--tw-border-opacity));
+    }
+
+    .\32xl\:dark\:focus\:border-vinby-red:focus {
+      --tw-border-opacity: 1;
+      border-color: rgba(204, 49, 61, var(--tw-border-opacity));
+    }
   }
 
   .\32xl\:border-opacity-0 {
@@ -260474,6 +264370,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .\32xl\:placeholder-beige::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-beige:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-beige::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-vinby-red::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-vinby-red:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-vinby-red::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   .\32xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
     color: transparent;
   }
@@ -261728,6 +265654,36 @@ select {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
   }
 
+  .\32xl\:focus\:placeholder-beige:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-beige:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-vinby-red:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .\32xl\:dark\:placeholder-transparent::-moz-placeholder {
       color: transparent;
@@ -262981,6 +266937,36 @@ select {
       color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
     }
 
+    .\32xl\:dark\:placeholder-beige::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .\32xl\:dark\:placeholder-beige:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .\32xl\:dark\:placeholder-beige::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .\32xl\:dark\:placeholder-vinby-red::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .\32xl\:dark\:placeholder-vinby-red:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .\32xl\:dark\:placeholder-vinby-red::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
     .\32xl\:dark\:focus\:placeholder-transparent:focus::-moz-placeholder {
       color: transparent;
     }
@@ -264234,6 +268220,36 @@ select {
       --tw-placeholder-opacity: 1;
       color: rgba(131, 24, 67, var(--tw-placeholder-opacity));
     }
+
+    .\32xl\:dark\:focus\:placeholder-beige:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .\32xl\:dark\:focus\:placeholder-beige:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .\32xl\:dark\:focus\:placeholder-beige:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-placeholder-opacity));
+    }
+
+    .\32xl\:dark\:focus\:placeholder-vinby-red:focus::-moz-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .\32xl\:dark\:focus\:placeholder-vinby-red:focus:-ms-input-placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
+
+    .\32xl\:dark\:focus\:placeholder-vinby-red:focus::placeholder {
+      --tw-placeholder-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-placeholder-opacity));
+    }
   }
 
   .\32xl\:placeholder-opacity-0::-moz-placeholder {
@@ -268102,6 +272118,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .\32xl\:ring-offset-beige {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .\32xl\:ring-offset-vinby-red {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .\32xl\:focus-within\:ring-offset-transparent:focus-within {
     --tw-ring-offset-color: transparent;
   }
@@ -268438,6 +272462,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .\32xl\:focus-within\:ring-offset-beige:focus-within {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .\32xl\:focus-within\:ring-offset-vinby-red:focus-within {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   .\32xl\:focus\:ring-offset-transparent:focus {
     --tw-ring-offset-color: transparent;
   }
@@ -268774,6 +272806,14 @@ select {
     --tw-ring-offset-color: #831843;
   }
 
+  .\32xl\:focus\:ring-offset-beige:focus {
+    --tw-ring-offset-color: #F4EFEA;
+  }
+
+  .\32xl\:focus\:ring-offset-vinby-red:focus {
+    --tw-ring-offset-color: #CC313D;
+  }
+
   @media (prefers-color-scheme: dark) {
     .\32xl\:dark\:ring-offset-transparent {
       --tw-ring-offset-color: transparent;
@@ -269111,6 +273151,14 @@ select {
       --tw-ring-offset-color: #831843;
     }
 
+    .\32xl\:dark\:ring-offset-beige {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .\32xl\:dark\:ring-offset-vinby-red {
+      --tw-ring-offset-color: #CC313D;
+    }
+
     .\32xl\:dark\:focus-within\:ring-offset-transparent:focus-within {
       --tw-ring-offset-color: transparent;
     }
@@ -269447,6 +273495,14 @@ select {
       --tw-ring-offset-color: #831843;
     }
 
+    .\32xl\:dark\:focus-within\:ring-offset-beige:focus-within {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .\32xl\:dark\:focus-within\:ring-offset-vinby-red:focus-within {
+      --tw-ring-offset-color: #CC313D;
+    }
+
     .\32xl\:dark\:focus\:ring-offset-transparent:focus {
       --tw-ring-offset-color: transparent;
     }
@@ -269782,6 +273838,14 @@ select {
     .\32xl\:dark\:focus\:ring-offset-pink-900:focus {
       --tw-ring-offset-color: #831843;
     }
+
+    .\32xl\:dark\:focus\:ring-offset-beige:focus {
+      --tw-ring-offset-color: #F4EFEA;
+    }
+
+    .\32xl\:dark\:focus\:ring-offset-vinby-red:focus {
+      --tw-ring-offset-color: #CC313D;
+    }
   }
 
   .\32xl\:ring-offset-0 {
@@ -270262,6 +274326,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .\32xl\:ring-beige {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:ring-vinby-red {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .\32xl\:focus-within\:ring-transparent:focus-within {
     --tw-ring-color: transparent;
   }
@@ -270680,6 +274754,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .\32xl\:focus-within\:ring-beige:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus-within\:ring-vinby-red:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   .\32xl\:focus\:ring-transparent:focus {
     --tw-ring-color: transparent;
   }
@@ -271098,6 +275182,16 @@ select {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
   }
 
+  .\32xl\:focus\:ring-beige:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+  }
+
+  .\32xl\:focus\:ring-vinby-red:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .\32xl\:dark\:ring-transparent {
       --tw-ring-color: transparent;
@@ -271517,6 +275611,16 @@ select {
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
 
+    .\32xl\:dark\:ring-beige {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .\32xl\:dark\:ring-vinby-red {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
+
     .\32xl\:dark\:focus-within\:ring-transparent:focus-within {
       --tw-ring-color: transparent;
     }
@@ -271935,6 +276039,16 @@ select {
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
 
+    .\32xl\:dark\:focus-within\:ring-beige:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .\32xl\:dark\:focus-within\:ring-vinby-red:focus-within {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
+
     .\32xl\:dark\:focus\:ring-transparent:focus {
       --tw-ring-color: transparent;
     }
@@ -272352,6 +276466,16 @@ select {
       --tw-ring-opacity: 1;
       --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity));
     }
+
+    .\32xl\:dark\:focus\:ring-beige:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(244, 239, 234, var(--tw-ring-opacity));
+    }
+
+    .\32xl\:dark\:focus\:ring-vinby-red:focus {
+      --tw-ring-opacity: 1;
+      --tw-ring-color: rgba(204, 49, 61, var(--tw-ring-opacity));
+    }
   }
 
   .\32xl\:ring-opacity-0 {
@@ -272996,6 +277120,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .\32xl\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .\32xl\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .group:hover .\32xl\:group-hover\:text-transparent {
     color: transparent;
   }
@@ -273414,6 +277548,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .group:hover .\32xl\:group-hover\:text-beige {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .group:hover .\32xl\:group-hover\:text-vinby-red {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .\32xl\:focus-within\:text-transparent:focus-within {
     color: transparent;
   }
@@ -273832,6 +277976,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .\32xl\:focus-within\:text-beige:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus-within\:text-vinby-red:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .\32xl\:hover\:text-transparent:hover {
     color: transparent;
   }
@@ -274250,6 +278404,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .\32xl\:hover\:text-beige:hover {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .\32xl\:hover\:text-vinby-red:hover {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   .\32xl\:focus\:text-transparent:focus {
     color: transparent;
   }
@@ -274668,6 +278832,16 @@ select {
     color: rgba(131, 24, 67, var(--tw-text-opacity));
   }
 
+  .\32xl\:focus\:text-beige:focus {
+    --tw-text-opacity: 1;
+    color: rgba(244, 239, 234, var(--tw-text-opacity));
+  }
+
+  .\32xl\:focus\:text-vinby-red:focus {
+    --tw-text-opacity: 1;
+    color: rgba(204, 49, 61, var(--tw-text-opacity));
+  }
+
   @media (prefers-color-scheme: dark) {
     .\32xl\:dark\:text-transparent {
       color: transparent;
@@ -275087,6 +279261,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .\32xl\:dark\:text-beige {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .\32xl\:dark\:text-vinby-red {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .group:hover .\32xl\:dark\:group-hover\:text-transparent {
       color: transparent;
     }
@@ -275505,6 +279689,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .group:hover .\32xl\:dark\:group-hover\:text-beige {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .group:hover .\32xl\:dark\:group-hover\:text-vinby-red {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .\32xl\:dark\:focus-within\:text-transparent:focus-within {
       color: transparent;
     }
@@ -275923,6 +280117,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .\32xl\:dark\:focus-within\:text-beige:focus-within {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .\32xl\:dark\:focus-within\:text-vinby-red:focus-within {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .\32xl\:dark\:hover\:text-transparent:hover {
       color: transparent;
     }
@@ -276341,6 +280545,16 @@ select {
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
 
+    .\32xl\:dark\:hover\:text-beige:hover {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .\32xl\:dark\:hover\:text-vinby-red:hover {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
+
     .\32xl\:dark\:focus\:text-transparent:focus {
       color: transparent;
     }
@@ -276758,6 +280972,16 @@ select {
       --tw-text-opacity: 1;
       color: rgba(131, 24, 67, var(--tw-text-opacity));
     }
+
+    .\32xl\:dark\:focus\:text-beige:focus {
+      --tw-text-opacity: 1;
+      color: rgba(244, 239, 234, var(--tw-text-opacity));
+    }
+
+    .\32xl\:dark\:focus\:text-vinby-red:focus {
+      --tw-text-opacity: 1;
+      color: rgba(204, 49, 61, var(--tw-text-opacity));
+    }
   }
 
   .\32xl\:text-opacity-0 {
diff --git a/tailwind.config.js b/tailwind.config.js
index c9d8b42c..077c34e2 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,17 +1,21 @@
-const defaultTheme = require('tailwindcss/defaultTheme')
+const defaultTheme = require("tailwindcss/defaultTheme");
 
 module.exports = {
-  darkMode: 'media',
+  darkMode: "media",
   theme: {
     extend: {
       fontFamily: {
-        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+        sans: ["Inter var", ...defaultTheme.fontFamily.sans],
+      },
+      colors: {
+        beige: "#F4EFEA",
+        "vinby-red": "#CC313D",
       },
     },
   },
   plugins: [
-    require('@tailwindcss/forms'),
-    require('@tailwindcss/aspect-ratio'),
-    require('@tailwindcss/typography'),
-  ]
-}
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/aspect-ratio"),
+    require("@tailwindcss/typography"),
+  ],
+};