design

tailwind.config.js

@@ -8,6 +8,12 @@ export default {
   ],
   theme: {
     extend: {
+      borderRadius: {
+        'xl': '1rem',
+        '2xl': '1.5rem',
+        '3xl': '2rem',
+        'full': '9999px',
+      },
       colors: {
         slate: {
           850: '#1e293b',
@@ -16,7 +22,8 @@ export default {
         }
       },
       fontFamily: {
-        sans: ['Inter', 'system-ui', 'sans-serif'],
+        sans: ['var(--font-inter)', 'Inter', 'system-ui', 'sans-serif'],
+        serif: ['var(--font-newsreader)', 'Georgia', 'serif'],
         mono: ['JetBrains Mono', 'monospace'],
       },
       typography: (theme) => ({