Finalize multilingual routing and translations

tailwind.config.ts

@@ -13,10 +13,18 @@ const config: Config = {
     extend: {
       colors: {
         border: "hsl(var(--border))",
+        "border-strong": "hsl(var(--border-strong))",
         input: "hsl(var(--input))",
         ring: "hsl(var(--ring))",
         background: "hsl(var(--background))",
         foreground: "hsl(var(--foreground))",
+        surface: {
+          1: "hsl(var(--surface-1))",
+          2: "hsl(var(--surface-2))",
+          3: "hsl(var(--surface-3))",
+          inverse: "hsl(var(--surface-inverse))",
+          "inverse-foreground": "hsl(var(--surface-inverse-foreground))",
+        },
         primary: {
           DEFAULT: "hsl(var(--primary))",
           foreground: "hsl(var(--primary-foreground))",
@@ -45,6 +53,16 @@ const config: Config = {
           DEFAULT: "hsl(var(--popover))",
           foreground: "hsl(var(--popover-foreground))",
         },
+        brand: {
+          primary: "hsl(var(--brand-primary))",
+          secondary: "hsl(var(--brand-secondary))",
+        },
+        status: {
+          success: "hsl(var(--status-success))",
+          "success-soft": "hsl(var(--status-success-soft))",
+          warning: "hsl(var(--status-warning))",
+          "warning-soft": "hsl(var(--status-warning-soft))",
+        },
         sidebar: {
           DEFAULT: "hsl(var(--sidebar-background))",
           foreground: "hsl(var(--sidebar-foreground))",
@@ -57,11 +75,13 @@ const config: Config = {
         },
       },
       borderRadius: {
-        lg: "var(--radius)",
-        md: "var(--radius-input)",
-        sm: "calc(var(--radius-input) - 2px)",
-        card: "var(--radius-card)",
-        sidebar: "var(--radius-sidebar)",
+        sm: "var(--radius-nested)",
+        md: "var(--radius-nested)",
+        lg: "var(--radius-surface)",
+        xl: "var(--radius-surface)",
+        surface: "var(--radius-surface)",
+        nested: "var(--radius-nested)",
+        pill: "var(--radius-pill)",
       },
       boxShadow: {
         xs: "var(--shadow-xs)",
@@ -69,10 +89,31 @@ const config: Config = {
         md: "var(--shadow-md)",
         lg: "var(--shadow-lg)",
         card: "var(--shadow-card)",
+        panel: "var(--shadow-panel)",
         sidebar: "var(--shadow-sidebar)",
       },
+      maxWidth: {
+        narrow: "var(--container-narrow)",
+        layout: "var(--container-default)",
+        wide: "var(--container-wide)",
+        admin: "var(--container-admin)",
+      },
+      height: {
+        header: "var(--header-height)",
+      },
+      minHeight: {
+        header: "var(--header-height)",
+      },
+      spacing: {
+        section: "var(--section-space)",
+        content: "var(--content-space)",
+      },
+      backdropBlur: {
+        chrome: "18px",
+      },
     },
   },
   plugins: [animate],
 };
+
 export default config;