taste-redesign

resources/input.css

@@ -2,6 +2,43 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+  html {
+    scroll-behavior: smooth;
+    font-size: 15px;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  body {
+    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
+  }
+
+  /* Tabular numbers for monetary values */
+  .tabular {
+    font-variant-numeric: tabular-nums;
+  }
+
+  /* Focus ring for accessibility */
+  *:focus-visible {
+    outline: 2px solid #3b82f6;
+    outline-offset: 2px;
+    border-radius: 2px;
+  }
+
+  /* Smooth transitions for interactive elements */
+  button,
+  a.button,
+  .navbar-item,
+  .pagination-link,
+  .tag,
+  select,
+  input,
+  textarea {
+    transition: all 0.15s ease-in-out;
+  }
+}
+
 .htmx-added .fade-in {
     opacity: 0.0 !important;
 }
@@ -151,7 +188,7 @@
 }
 
 .min-h-content {
-    min-height: calc(100vh - 4em);
+    min-height: calc(100dvh - 4em);
 }
 
 .arrow,