update home page

data/design-tokens.ts

@@ -4,7 +4,7 @@
 // CSS custom properties in globals.css mirror these for Tailwind usage.
 // ─────────────────────────────────────────────────────────────────────
 
-/** Color palette — use Tailwind classes (e.g. `bg-aiero-dark`) when possible */
+/** Color palette — use Tailwind classes (e.g. `bg-tenext-dark`) when possible */
 export const colors = {
   // Backgrounds
   bgDark: "#1F1F1F",
@@ -30,6 +30,9 @@ export const colors = {
   textMuted: "#87899B",
   textWhite: "#FFFFFF",
   textDark: "#1F1F1F",
+
+  // Surfaces
+  surfaceMuted: "#ECF0F4",
 } as const;
 
 /** Spacing tokens — predefined values only, no arbitrary px */