style: calm down frontend visual system

tailwind.config.ts

@@ -10,11 +10,30 @@ export default {
   ],
   theme: {
     extend: {
+      colors: {
+        background: "hsl(var(--background) / <alpha-value>)",
+        foreground: "hsl(var(--foreground) / <alpha-value>)",
+        surface: "hsl(var(--surface) / <alpha-value>)",
+        "surface-muted": "hsl(var(--surface-muted) / <alpha-value>)",
+        "surface-raised": "hsl(var(--surface-raised) / <alpha-value>)",
+        border: "hsl(var(--border) / <alpha-value>)",
+        muted: "hsl(var(--muted) / <alpha-value>)",
+        accent: "hsl(var(--accent) / <alpha-value>)",
+        "accent-foreground": "hsl(var(--accent-foreground) / <alpha-value>)",
+        warning: "hsl(var(--warning) / <alpha-value>)",
+      },
       fontFamily: {
         sans: ["var(--font-inter)", "system-ui", "sans-serif"],
       },
+      borderRadius: {
+        panel: "1.5rem",
+        card: "1.25rem",
+        control: "9999px",
+      },
       boxShadow: {
-        glass: "0 18px 55px rgba(15, 23, 42, 0.13)",
+        card: "0 16px 42px hsl(215 32% 18% / 0.08)",
+        glass: "0 16px 42px hsl(215 32% 18% / 0.08)",
+        soft: "0 10px 28px hsl(215 32% 18% / 0.06)",
       },
     },
   },