1 files changed, 37 insertions, 39 deletions
diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index 8eee6cbd..b1902464 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -1,50 +1,48 @@
-:root {
-  --max-width: 1100px;
-  --border-radius: 12px;
-  --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono",
-    "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",
-    "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
-  --foreground-rgb: 255, 255, 255;
-  --background-start-rgb: 0, 0, 0;
-  --background-end-rgb: 0, 0, 0;
+/* :root {
+  --foreground-rgb: 0, 0, 0;
+  --background-start-rgb: 214, 219, 220;
+  --background-end-rgb: 255, 255, 255;
+} */
 
-  --callout-rgb: 20, 20, 20;
-  --callout-border-rgb: 108, 108, 108;
-  --card-rgb: 100, 100, 100;
-  --card-border-rgb: 200, 200, 200;
-
-  --glow-conic: conic-gradient(
-    from 180deg at 50% 50%,
-    #2a8af6 0deg,
-    #a853ba 180deg,
-    #e92a67 360deg
-  );
+@media (prefers-color-scheme: dark) {
+  :root {
+    --foreground: rgba(179, 188, 197, 1);
+    --foreground-menu: rgba(106, 115, 125, 1);
+    --background: rgba(23, 27, 31, 1);
+    --secondary: rgba(31, 36, 40, 1);
+    --primary: rgba(54, 157, 253, 1);
+    --border: rgba(51, 57, 67, 1);
+  }
 }
 
-* {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
+body {
+  color: var(--foreground);
+  background: var(--background);
+  font-size: 14px;
 }
 
-html,
-body {
-  max-width: 100vw;
-  overflow-x: hidden;
+@layer base {
+  .all-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
 }
 
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
+@layer utilities {
+  .text-balance {
+    text-wrap: balance;
+  }
 }
 
-a {
-  color: inherit;
-  text-decoration: none;
+.gradient-background {
+  background: linear-gradient(
+    150deg,
+    rgba(255, 255, 255, 0.1) 0%,
+    rgba(255, 255, 255, 0)
+  );
 }