header

src/index.css

@@ -324,3 +324,49 @@ button {
 .focus\:ring-0:focus {
   box-shadow: none;
 }
+
+/* Custom utility for no-underline */
+.no-underline {
+  text-decoration: none;
+}
+
+/* Missing Tailwind-like utility classes */
+.h-16 { height: 4rem; } /* 16 * 0.25rem = 4rem */
+.min-w-fit { min-width: fit-content; }
+.tracking-tight { letter-spacing: -0.025em; }
+.whitespace-nowrap { white-space: nowrap; }
+.rounded { border-radius: 0.25rem; } /* 4px */
+
+.bg-green-500 { background-color: #22c55e; } /* A common green-500 shade */
+.border-green-500\/30 { border-color: rgba(34, 197, 94, 0.3); } /* Green-500 with 30% opacity */
+
+/* Hover effects */
+.hover\:text-green-400:hover { color: #4ade80; }
+.hover\:bg-green-400:hover { background-color: #4ade80; }
+
+/* Transitions */
+.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; }
+.duration-200 { transition-duration: 200ms; }
+
+/* Spacing utilities (similar to Tailwind's space-x) */
+.space-x-4 > * + * { margin-left: 1rem; }
+.space-x-6 > * + * { margin-left: 1.5rem; }
+.space-x-8 > * + * { margin-left: 2rem; }
+.space-x-12 > * + * { margin-left: 3rem; }
+.space-x-16 > * + * { margin-left: 4rem; }
+
+/* Responsive spacing */
+@media (min-width: 640px) {
+  .sm\:space-x-6 > * + * { margin-left: 1.5rem; }
+  .sm\:space-x-12 > * + * { margin-left: 3rem; }
+}
+@media (min-width: 1024px) {
+  .lg\:space-x-8 > * + * { margin-left: 2rem; }
+  .lg\:space-x-16 > * + * { margin-left: 4rem; }
+}
+
+/* Responsive text sizes (already present, but ensuring consistency) */
+.text-sm { font-size: 0.875rem; }
+.text-base { font-size: 1rem; }
+.text-xl { font-size: 1.25rem; }
+.text-2xl { font-size: 1.5rem; }