Update src/app/globals.css

2026-03-03 19:18:28 +00:00
parent d2f6a92f5d
commit f145cfbe21
1 changed files with 145 additions and 5 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,5 +1,145 @@
-@import "tailwindcss";
-@import "./styles/variables.css";
-@import "./styles/theme.css";
-@import "./styles/utilities.css";
-@import "./styles/base.css";
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
+
+@layer base {
+  * {
+    @apply m-0 p-0 box-border;
+  }
+
+  html {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  body {
+    @apply bg-background text-foreground overflow-x-hidden;
+    font-family: var(--font-inter), sans-serif;
+    font-weight: 400;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-weight: inherit;
+  }
+}
+
+@layer utilities {
+  .rounded-theme {
+    @apply rounded-md;
+  }
+
+  .rounded-theme-capped {
+    @apply rounded-2xl;
+  }
+
+  .rounded-theme-sharp {
+    @apply rounded-none;
+  }
+
+  .rounded-theme-pill {
+    @apply rounded-full;
+  }
+
+  .p-content {
+    @apply px-6 sm:px-8 lg:px-10 py-8 sm:py-12 lg:py-16;
+  }
+
+  .w-content-width {
+    width: var(--width-content-width);
+  }
+
+  .max-w-content-width {
+    max-width: var(--width-content-width);
+  }
+
+  .animate-in {
+    animation: fadeInUp 0.6s ease-out forwards;
+  }
+
+  @keyframes fadeInUp {
+    from {
+      opacity: 0;
+      transform: translateY(20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  .fade-in {
+    animation: fadeIn 0.5s ease-out;
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  .slide-in-from-bottom-2 {
+    animation: slideInFromBottom2 0.4s ease-out;
+  }
+
+  @keyframes slideInFromBottom2 {
+    from {
+      opacity: 0;
+      transform: translateY(8px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  .slide-in-from-bottom-4 {
+    animation: slideInFromBottom4 0.5s ease-out;
+  }
+
+  @keyframes slideInFromBottom4 {
+    from {
+      opacity: 0;
+      transform: translateY(16px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  .slide-in-from-left-4 {
+    animation: slideInFromLeft4 0.6s ease-out;
+  }
+
+  @keyframes slideInFromLeft4 {
+    from {
+      opacity: 0;
+      transform: translateX(-16px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  .slide-in-from-right-4 {
+    animation: slideInFromRight4 0.6s ease-out;
+  }
+
+  @keyframes slideInFromRight4 {
+    from {
+      opacity: 0;
+      transform: translateX(16px);
+    }
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+}