portfolio view

portfolio-view/tailwind.config.ts

@@ -0,0 +1,21 @@
+// Tailwind CSS v4 uses CSS-based configuration via @theme in index.css.
+// This file is a reference for theme tokens used in the project.
+// Actual configuration lives in src/index.css inside the @theme block.
+
+export const theme = {
+  fonts: {
+    heading: '"Syne", sans-serif',
+    body: '"DM Sans", sans-serif',
+    mono: '"JetBrains Mono", monospace',
+  },
+  colors: {
+    accent: '#22d3ee',      // cyan-400
+    accentHover: '#67e8f9', // cyan-300
+    bg: '#09090b',          // zinc-950
+    surface: '#18181b',     // zinc-900
+    surface2: '#27272a',    // zinc-800
+    border: '#3f3f46',      // zinc-700
+    textPrimary: '#fafafa', // zinc-50
+    textMuted: '#a1a1aa',   // zinc-400
+  },
+} as const