Zmiany nazw offers

src/styles/addons.css

@@ -295,20 +295,16 @@
   @apply w-24 h-24 md:w-32 md:h-32 rounded-full;
   @apply flex flex-col items-center justify-center text-center;
   @apply shadow-xl ;
-  @apply bg-[--link-hover-light] ;
-  /* text-[--f-text] ; */
-  /* border-[--f-border-color]; */
+  @apply bg-[--f-addons-background] ;
   @apply backdrop-blur-md;
 }
 
 /* kwota */
 .f-floating-total-amount {
-  @apply text-lg md:text-xl font-bold leading-none;
-  color: hsla(45, 100%, 92%, 1);
+  @apply text-lg md:text-xl font-bold leading-none text-[--f-addons-text];
 }
 
 /* jednostka */
 .f-floating-total-unit {
-  @apply my-1 text-xs md:text-sm opacity-70;
-  color: hsla(45, 100%, 92%, 1);
+  @apply my-1 text-xs md:text-sm opacity-70 text-[--f-addons-text];
 }

src/styles/base.css

@@ -12,7 +12,7 @@
 @import "./footer.css";
 @import "./cookie.css";
 @import "./contact.css";
-@import "./offers-switches.css";
+@import "./switches.css";
 
 html {
   font-family: 'Nunito', sans-serif;

src/styles/theme.css

@@ -53,6 +53,11 @@
   --link-hover-dark: hsla(45, 80%, 70%, 1);
   --cookie-accept-dark: hsla(120, 60%, 45%, 1);
   --f-navbar-height: 84px;
+
+  /* Wyrózznienie ceny */
+  --f-addons-text: hsla(45, 100%, 92%, 1);
+  --f-addons-background: hsla(165, 80%, 25%, 1);
+
 }
 
 :root {