feat: design tokens (palette, Inter font, content + motion libs)

tailwind.config.ts

@@ -1,16 +1,28 @@
-import type { Config } from "tailwindcss";
+import type { Config } from 'tailwindcss';
 
 const config: Config = {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
+  content: ['./app/**/*.{ts,tsx}', './components/**/*.{ts,tsx}', './lib/**/*.{ts,tsx}'],
   theme: {
     extend: {
       colors: {
-        background: "var(--background)",
-        foreground: "var(--foreground)",
+        base: '#FBFAF7',       // blanco cálido (fondo base)
+        'bg-pure': '#FFFFFF',  // blanco puro (hero)
+        'bg-dark': '#0A1F44',  // navy (secciones oscuras)
+        ink: '#0A1F44',        // texto principal
+        cream: '#F5EBD0',      // texto sobre oscuro (marfil)
+        gold: {
+          DEFAULT: '#B8901f',  // dorado tostado (sobre claro)
+          bright: '#D4AF37',   // dorado (sobre oscuro)
+        },
+        muted: '#5a5168',
+        'muted-dark': '#9aa6c2',
+      },
+      fontFamily: {
+        sans: ['var(--font-inter)', 'system-ui', 'sans-serif'],
+        serif: ['Georgia', 'Cambria', 'Times New Roman', 'serif'],
+      },
+      maxWidth: {
+        content: '1152px',
       },
     },
   },