Add Navbar

src/styles/base.css

@@ -1,2 +1,3 @@
 @import "./tailwind.css";
-@import "./theme.css";
+@import "./theme.css";
+@import "./navbar.css";

src/styles/navbar.css

@@ -0,0 +1,43 @@
+.fuz-navbar {
+  @apply w-full bg-[var(--fuz-bg)] text-[var(--fuz-text)] shadow-sm sticky top-0 z-50;
+}
+
+.fuz-navbar-inner {
+  @apply max-w-7xl mx-auto flex items-center justify-between py-4 px-4;
+}
+
+.fuz-navbar-logo {
+  @apply text-2xl font-bold text-[var(--fuz-text)];
+}
+
+.fuz-accent {
+  color: var(--fuz-accent);
+}
+
+.fuz-navbar-links {
+  @apply gap-6;
+}
+
+.fuz-navbar-link {
+  @apply text-base hover:text-[var(--fuz-accent)] transition-colors;
+}
+
+.fuz-mobile-toggle {
+  @apply text-3xl p-2 text-[var(--fuz-text)];
+}
+
+/* Panel mobilny */
+.fuz-mobile-menu {
+  @apply fixed top-0 right-0 h-full w-64 bg-[var(--fuz-bg)] shadow-lg 
+         transform translate-x-full transition-transform duration-300
+         flex flex-col gap-4 p-6;
+}
+
+.fuz-mobile-menu.open {
+  @apply translate-x-0;
+}
+
+.fuz-mobile-link {
+  @apply text-lg py-2 border-b border-gray-300 dark:border-gray-700
+         text-[var(--fuz-text)] hover:text-[var(--fuz-accent)];
+}