Cookie obsługa

src/styles/cookie.css

@@ -0,0 +1,50 @@
+#cookie-banner {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  transform: translateY(100%);
+  transition: transform 0.4s ease;
+  /* z-index: 9999; */
+
+ background: var(--fuz-bg-invert);
+  color: var(--fuz-text-invert);
+  border-top: 1px solid rgba(0,0,0,0.1);
+}
+
+.cookie-panel-inner {
+  padding: 1rem 1.5rem;
+}
+
+.cookie-privacy-link {
+  color: var(--fuz-link);
+  text-decoration: underline;
+}
+
+.cookie-privacy-link:hover {
+  color: var(--fuz-link-hover);
+}
+
+.cookie-accept,
+.cookie-reject {
+  @apply px-4 py-2 rounded-md text-sm font-medium;
+}
+
+.cookie-accept {
+ background: var(--btn-bg-invert);
+  color: var(--btn-text-invert);
+}
+
+.cookie-accept:hover {
+  background: var(--fuz-accent-hover);
+}
+
+.cookie-reject {
+ background: transparent;
+  border: 1px solid var(--btn-outline-invert);
+  color: var(--btn-outline-invert);
+}
+
+.cookie-reject:hover {
+   background: var(--btn-outline-bg-invert);
+}

src/styles/theme.css

@@ -2,6 +2,14 @@
   --fuz-bg: #ffffff;
   --fuz-text: #0d0d0d;
 
+  /* Invert Color */
+  --fuz-bg-invert: #0d1117;
+  --fuz-text-invert: #e6edf3;
+  --btn-bg-invert: #58a6ff;     
+  --btn-text-invert: #0d1117;   
+  --btn-outline-invert: #58a6ff;
+  --btn-outline-bg-invert: rgba(88, 166, 255, 0.15);
+
   /* Links */
   --fuz-link: #0050c8;
   --fuz-link-hover: #003f9a;
@@ -27,6 +35,13 @@
   --fuz-bg: #0d1117;
   --fuz-text: #e6edf3;
 
+  /* Invert Color */
+  --fuz-bg-invert: #ffffff;
+  --fuz-text-invert: #0d0d0d;
+  --btn-bg-invert: #0066ff;     
+  --btn-text-invert: #ffffff;
+  --btn-outline-invert: #0066ff;
+
   /* Links (GitHub Dark palette) */
   --fuz-link: #58a6ff;
   --fuz-link-hover: #79b7ff;