Initial commit

apps/web/tailwind.config.ts

@@ -0,0 +1,59 @@
+import type { Config } from 'tailwindcss'
+
+// Notizarr's visual identity: dark-first, quiet neutrals, one confident
+// accent. Deliberately not shadcn's default palette — see
+// docs/phase1/01-architecture.md's UI quality requirements.
+export default {
+  content: ['./index.html', './src/**/*.{ts,tsx}'],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        base: {
+          bg: '#0a0b0e',
+          surface: '#131620',
+          raised: '#181c28',
+          border: '#232838',
+          hover: '#1b1f2c',
+        },
+        accent: {
+          DEFAULT: '#818cf8',
+          dim: '#6366f1',
+          bright: '#a5b4fc',
+        },
+      },
+      fontFamily: {
+        sans: [
+          'ui-sans-serif',
+          'system-ui',
+          '-apple-system',
+          'Segoe UI',
+          'Roboto',
+          'Helvetica Neue',
+          'Arial',
+          'sans-serif',
+        ],
+      },
+      boxShadow: {
+        card: '0 1px 2px 0 rgb(0 0 0 / 0.4)',
+        raised: '0 4px 16px -4px rgb(0 0 0 / 0.5)',
+      },
+      borderRadius: {
+        xl: '0.875rem',
+        '2xl': '1.125rem',
+      },
+      animation: {
+        'fade-in': 'fade-in 0.2s ease-out',
+        'slide-up': 'slide-up 0.25s cubic-bezier(0.16, 1, 0.3, 1)',
+      },
+      keyframes: {
+        'fade-in': { from: { opacity: '0' }, to: { opacity: '1' } },
+        'slide-up': {
+          from: { opacity: '0', transform: 'translateY(8px)' },
+          to: { opacity: '1', transform: 'translateY(0)' },
+        },
+      },
+    },
+  },
+  plugins: [],
+} satisfies Config