Feat/upgrade daisy UI (#12)

* prune: remove daisyui config

* upgrade daisyui and implement new themes

* Update .env checksum

src/styles/app.css

@@ -1,9 +1,7 @@
 @charset "utf-8";
-@import url("https://fonts.googleapis.com/css2?display=swap&family=Courier+Prime");
+@import "tailwindcss";
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import url("https://fonts.googleapis.com/css2?display=swap&family=Courier+Prime");
 
 :root {
   --primary-color: #2c3a47;
@@ -14,8 +12,36 @@
   --light-link: lighten(#445fb9, 45%);
   --background-color: #ffffff;
   --note-width: 620px;
+  --light-mode: garden;
+  --dark-mode: sunset;
 }
 
+@plugin "@tailwindcss/typography";
+@plugin 'daisyui' {
+  themes:
+    garden --default,
+    sunset --prefersdark;
+}
+
+@config '../../tailwind.config.js';
+
+/**
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
 html {
   overflow-y: auto;
   overflow-x: auto;
@@ -28,7 +54,6 @@ body {
 }
 
 @media screen and (min-width: 769px) {
-
   html,
   body {
     overflow-y: hidden;
@@ -75,10 +100,6 @@ a {
   font-size: var(--font-size);
 }
 
-.btn {
-  font-size: 1rem;
-}
-
 .table,
 .table :where(thead, tfoot) {
   font-size: 1em;
@@ -89,7 +110,6 @@ a {
 }
 
 @media print {
-
   html,
   body {
     overflow-y: auto;
@@ -117,4 +137,4 @@ pre {
 iframe {
   border-radius: 1rem;
   height: 400px;
-}
+}