init

assets/fonts.css

@@ -0,0 +1,7 @@
+@font-face {
+    font-family: 'Bounded';
+    src: url('/fonts/Bounded/Bounded-Variable.ttf') format('truetype');
+    font-weight: 100 900;
+    font-style: normal;
+    font-display: swap;
+}

assets/main.css

@@ -0,0 +1,47 @@
+@import "@nuxt/ui";
+@import "tailwindcss";
+
+
+@theme {
+  /* fonts */
+  --font-inter: "Inter", sans-serif;
+  --font-bounded: "Bounded", sans-serif;
+
+  /* colors */
+  --color-bg-light: #FFFEFB;
+  --color-bg-dark: #1A1A1A;
+
+  --color-border: #D3E0DE;
+
+  --color-text-light: #1A1A1A;
+  --color-text-dark: #FFFEFB;
+
+  /* button */
+  --color-button: #9A7F62;
+  --color-button-hover: #B7946D;
+  --color-button-disabled: #C5C5C5;
+}
+
+/* h1 */
+.h1 {
+  font-family: var(--font-bounded);
+  font-weight: 700;
+  line-height: 140%;
+}
+
+.text-inter {
+  font-family: var(--font-inter);
+  line-height: 150%;
+}
+
+.h4-uppercase {
+  font-family: var(--font-inter);
+  font-weight: 700;
+  line-height: 150%;
+  text-transform: uppercase;
+}
+
+.main {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}