rebase

frontend/tailwind.config.js

@@ -9,22 +9,22 @@ export default {
     extend: {
       colors: {
         bg: {
-          DEFAULT: "#0f1115",
-          soft: "#171a21",
-          card: "#1e232c",
+          DEFAULT: "rgb(var(--bg) / <alpha-value>)",
+          soft: "rgb(var(--bg-soft) / <alpha-value>)",
+          card: "rgb(var(--bg-card) / <alpha-value>)",
         },
         fg: {
-          DEFAULT: "#e6e9ef",
-          muted: "#9ca3af",
-          dim: "#6b7280",
+          DEFAULT: "rgb(var(--fg) / <alpha-value>)",
+          muted: "rgb(var(--fg-muted) / <alpha-value>)",
+          dim: "rgb(var(--fg-dim) / <alpha-value>)",
         },
         accent: {
-          DEFAULT: "#8b5cf6",
-          hover: "#7c3aed",
+          DEFAULT: "rgb(var(--accent) / <alpha-value>)",
+          hover: "rgb(var(--accent-hover) / <alpha-value>)",
         },
-        ok: "#10b981",
-        warn: "#f59e0b",
-        err: "#ef4444",
+        ok: "rgb(var(--ok) / <alpha-value>)",
+        warn: "rgb(var(--warn) / <alpha-value>)",
+        err: "rgb(var(--err) / <alpha-value>)",
       },
       fontFamily: {
         sans: ["Inter", "system-ui", "sans-serif"],