initial

2026-04-18 23:11:35 +02:00
commit f7cfd2a86e
196 changed files with 35538 additions and 0 deletions
@@ -0,0 +1,82 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    './index.html',
+    './src/**/*.{ts,tsx}',
+    '../../packages/ui-web/src/**/*.{ts,tsx}',
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: [
+          'Inter',
+          'ui-sans-serif',
+          'system-ui',
+          '-apple-system',
+          'Segoe UI',
+          'Roboto',
+          'Helvetica Neue',
+          'Arial',
+          'sans-serif',
+        ],
+        display: ['Outfit', 'Inter', 'system-ui', 'sans-serif'],
+        mono: [
+          'JetBrains Mono',
+          'ui-monospace',
+          'SFMono-Regular',
+          'Menlo',
+          'Monaco',
+          'Consolas',
+          'monospace',
+        ],
+      },
+      colors: {
+        ink: {
+          950: '#050507',
+          900: '#0A0A0F',
+          800: '#111118',
+          700: '#1A1A24',
+          600: '#252533',
+          500: '#3A3A4D',
+        },
+        brand: {
+          50: '#EEF0FF',
+          100: '#DDE0FF',
+          200: '#BDC2FF',
+          300: '#9198FF',
+          400: '#6D73FF',
+          500: '#4F46E5',
+          600: '#4338CA',
+          700: '#3730A3',
+          800: '#312E81',
+          900: '#1E1B4B',
+        },
+      },
+      animation: {
+        'blob-a': 'blob 22s ease-in-out infinite',
+        'blob-b': 'blob 28s ease-in-out infinite reverse',
+        'fade-in': 'fadeIn 400ms ease-out',
+        'slide-up': 'slideUp 350ms ease-out',
+      },
+      keyframes: {
+        blob: {
+          '0%, 100%': { transform: 'translate(0px, 0px) scale(1)' },
+          '33%': { transform: 'translate(40px, -60px) scale(1.1)' },
+          '66%': { transform: 'translate(-30px, 30px) scale(0.9)' },
+        },
+        fadeIn: {
+          from: { opacity: '0' },
+          to: { opacity: '1' },
+        },
+        slideUp: {
+          from: { opacity: '0', transform: 'translateY(8px)' },
+          to: { opacity: '1', transform: 'translateY(0)' },
+        },
+      },
+      boxShadow: {
+        glow: '0 0 40px -8px rgba(99, 102, 241, 0.35)',
+      },
+    },
+  },
+  plugins: [],
+};