feat: harden portfolio and add SEO foundations

tailwind.config.js

@@ -20,28 +20,28 @@ module.exports = {
       colors: {
         // Primary colors
         ink: {
-          DEFAULT: "#0A0A0A",
-          80: "rgba(10,10,10,.8)",
-          40: "rgba(10,10,10,.4)",
-          12: "rgba(10,10,10,.12)",
-          6: "rgba(10,10,10,.06)",
+          DEFAULT: "var(--ink)",
+          80: "var(--ink-80)",
+          40: "var(--ink-40)",
+          12: "var(--ink-12)",
+          6: "var(--ink-06)",
         },
         paper: {
-          DEFAULT: "#F4F2ED",
-          dark: "#ECEAE4",
+          DEFAULT: "var(--paper)",
+          dark: "var(--paper-dark)",
         },
-        white: "#FFFFFF",
+        white: "var(--white)",
 
         // Accent
         slash: {
-          DEFAULT: "#E8FF00",
-          dim: "rgba(232,255,0,.15)",
+          DEFAULT: "var(--slash)",
+          dim: "var(--slash-dim)",
         },
 
         // Neutrals
-        meta: "#777",
-        border: "rgba(10,10,10,.1)",
-        "border-light": "rgba(10,10,10,.06)",
+        meta: "var(--meta)",
+        border: "var(--border)",
+        "border-light": "var(--border-light)",
       },
       fontFamily: {
         display: ["Space Grotesk", "sans-serif"],
@@ -99,5 +99,5 @@ module.exports = {
       },
     },
   },
-  plugins: [require("tailwindcss-animate")],
+  plugins: [],
 };