ok

tailwind.config.js

@@ -0,0 +1,77 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/styles/**/*.css',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        gray: {
+          50: 'oklch(0.985 0 0)',
+          100: 'oklch(0.97 0 0)',
+          200: 'oklch(0.922 0 0)',
+          300: 'oklch(0.87 0 0)',
+          400: 'oklch(0.708 0 0)',
+          500: 'oklch(0.556 0 0)',
+          600: 'oklch(0.439 0 0)',
+          700: 'oklch(0.371 0 0)',
+          800: 'oklch(0.269 0 0)',
+          900: 'oklch(0.205 0 0)',
+          950: 'oklch(0.145 0 0)',
+        },
+      },
+      fontFamily: {
+        sans: ['var(--font-mulish)'],
+      },
+      borderRadius: {
+        '4xl': '2rem',
+        '5xl': '2.5rem',
+      },
+      animation: {
+        'fade-in': 'fade-in 0.5s linear forwards',
+        'spin-slow': 'spin 4s linear infinite',
+        'spin-slower': 'spin 6s linear infinite',
+        'spin-reverse': 'spin-reverse 1s linear infinite',
+        'spin-reverse-slow': 'spin-reverse 4s linear infinite',
+        'spin-reverse-slower': 'spin-reverse 6s linear infinite',
+        'marquee-vertical': 'marquee-vertical 40s linear infinite',
+        'bounce-y': 'bounce-y 1.5s infinite',
+        'blink': 'blink 2s infinite',
+        'marquee': 'marquee var(--marquee-duration) linear infinite',
+      },
+      keyframes: {
+        'fade-in': {
+          from: { opacity: 0 },
+          to: { opacity: 1 },
+        },
+        'spin-reverse': {
+          to: { transform: 'rotate(-360deg)' },
+        },
+        'blink': {
+          '0%, 100%': { opacity: 1 },
+          '50%': { opacity: 0.3 },
+        },
+        'bounce-y': {
+          '0%, 100%': {
+            transform: 'translateY(-10%)',
+            animationTimingFunction: 'cubic-bezier(0.8, 0, 1, 1)',
+          },
+          '50%': {
+            transform: 'translateY(0)',
+            animationTimingFunction: 'cubic-bezier(0, 0, 0.2, 1)',
+          },
+        },
+        'marquee-vertical': {
+          from: { transform: 'translateY(0)' },
+          to: { transform: 'translateY(-50%)' },
+        },
+        'marquee': {
+          '100%': { transform: 'translateY(-50%)' },
+        },
+      },
+    },
+  },
+  plugins: [require('@tailwindcss/forms')],
+};