feat: first commit

tailwind.config.js

@@ -0,0 +1,47 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  darkMode: "class",
+  content: ["./index.html", "./src/**/*.{ts,tsx}"],
+  theme: {
+    extend: {
+      fontFamily: {
+        display: ['"Clash Display"', "ui-sans-serif", "system-ui", "sans-serif"],
+        sans: ['"General Sans"', "ui-sans-serif", "system-ui", "sans-serif"],
+        mono: ['"Space Mono"', "ui-monospace", "SFMono-Regular", "monospace"],
+      },
+      colors: {
+        // Warm paper + ink, electric lime accent. Deliberately not purple-on-white.
+        paper: "#F4F2EA",
+        ink: "#16170F",
+        lime: {
+          DEFAULT: "#C6F24E",
+          400: "#D2F76B",
+          500: "#C6F24E",
+          600: "#A9DB2E",
+          700: "#7FA614",
+        },
+      },
+      boxShadow: {
+        pop: "0 2px 0 0 var(--ring), 0 10px 30px -12px rgba(0,0,0,0.35)",
+        hard: "4px 4px 0 0 var(--ink-solid)",
+      },
+      borderRadius: {
+        "4xl": "2rem",
+      },
+      keyframes: {
+        float: {
+          "0%, 100%": { transform: "translateY(0)" },
+          "50%": { transform: "translateY(-8px)" },
+        },
+        "spin-slow": {
+          to: { transform: "rotate(360deg)" },
+        },
+      },
+      animation: {
+        float: "float 6s ease-in-out infinite",
+        "spin-slow": "spin-slow 18s linear infinite",
+      },
+    },
+  },
+  plugins: [],
+};