diff --git a/src/index.css b/src/index.css
index 751c63c..3bae0c3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,7 +4,7 @@
 @layer base {
   html,
   body {
-    @apply scheme-dark size-full bg-surface text-on-surface select-none overflow-hidden;
+    @apply scheme-dark size-full bg-surface text-on-surface select-none overflow-hidden antialiased;
     &[data-scheme='dark'] {
       @apply scheme-dark;
     }
@@ -19,4 +19,39 @@
   .workspace {
     @apply size-full overflow-hidden flex items-stretch gap-2 rounded-sm;
   }
+
+  .normal_text {
+    @apply text-sm/[1.2];
+  }
+
+  .caption {
+    @apply text-sm/[1];
+  }
+
+  .small_caption {
+    @apply text-[10px]/[1];
+  }
+
+  .title {
+    @apply text-lg font-bold;
+  }
+
+  .heading {
+    @apply text-2xl/[1.2] italic;
+  }
+
+  .label {
+    @apply text-sm/[1.2] font-bold;
+  }
+
+  .navigate {
+    @apply text-xs/[1];
+  }
+
+  button {
+    @apply border-0 flex flex-row items-center justify-center gap-1 px-2 py-1;
+    &.icon {
+      @apply bg-swatch-neutral-40 text-on-surface;
+    }
+  }
 }