feat: build production-ready wtr weather PWA

app/globals.css

@@ -0,0 +1,53 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  color-scheme: light;
+}
+
+.dark {
+  color-scheme: dark;
+}
+
+* {
+  border-color: rgba(148, 163, 184, 0.2);
+}
+
+html {
+  min-width: 320px;
+  scroll-behavior: smooth;
+}
+
+body {
+  min-height: 100vh;
+  background: #eef5fb;
+  color: #102238;
+  -webkit-font-smoothing: antialiased;
+}
+
+.dark body {
+  background: #07111f;
+  color: #edf7ff;
+}
+
+button,
+a,
+input,
+select {
+  outline-offset: 3px;
+}
+
+@layer utilities {
+  .glass {
+    @apply border border-white/35 bg-white/45 shadow-glass backdrop-blur-2xl dark:border-white/10 dark:bg-slate-950/30;
+  }
+
+  .glass-subtle {
+    @apply border border-white/25 bg-white/25 backdrop-blur-xl dark:border-white/10 dark:bg-slate-950/20;
+  }
+
+  .text-balance {
+    text-wrap: balance;
+  }
+}