style: unify workbench typography and prepare isolated visual review

frontend/tailwind.config.ts

@@ -1,6 +1,8 @@
 import type { Config } from "tailwindcss";
 
 export default {
+  // Match the token theme, including the portal, rather than the OS preference alone.
+  darkMode: ["selector", ':is(.dark, [data-bs-theme="dark"])'],
   content: ["./index.html", "./src/**/*.{ts,tsx}"],
   theme: {
     extend: {
@@ -37,6 +39,8 @@ export default {
         border: "oklch(var(--border) / <alpha-value>)",
         input: "oklch(var(--input) / <alpha-value>)",
         ring: "oklch(var(--ring) / <alpha-value>)",
+        success: "oklch(var(--success) / <alpha-value>)",
+        warning: "oklch(var(--warning) / <alpha-value>)",
         sidebar: {
           DEFAULT: "oklch(var(--sidebar) / <alpha-value>)",
           foreground: "oklch(var(--sidebar-foreground) / <alpha-value>)",
@@ -53,6 +57,7 @@ export default {
         md: "calc(var(--radius) - 2px)",
         sm: "calc(var(--radius) - 4px)",
       },
+      ringWidth: { 3: "3px" },
       boxShadow: {
         xs: "var(--shadow-xs)",
         sm: "var(--shadow-sm)",
@@ -64,6 +69,14 @@ export default {
         heading: ["var(--font-heading)", "sans-serif"],
         mono: ["var(--font-mono)", "monospace"],
       },
+      fontSize: {
+        xs: ["var(--text-meta)", "1.5"],
+        sm: ["var(--text-control)", "1.5"],
+        base: ["var(--text-body)", "1.5"],
+        lg: ["var(--text-section)", "1.4"],
+        xl: ["var(--text-section)", "1.4"],
+        "2xl": ["var(--text-page)", "1.3"],
+      },
     },
   },
   plugins: [],