diff --git a/src/lib/design-tokens.ts b/src/lib/design-tokens.ts
new file mode 100644
index 0000000..b75dc1c
--- /dev/null
+++ b/src/lib/design-tokens.ts
@@ -0,0 +1,40 @@
+export const designTokens = {
+  color: {
+    primary: "#155EEF",
+    primaryDark: "#0F3EA8",
+    accent: "#FF8A00",
+    background: "#F6F8FB",
+    surface: "#FFFFFF",
+    border: "#D9E2EC",
+    text: "#172033",
+    muted: "#64748B",
+    success: "#079455",
+    warning: "#DC6803",
+    danger: "#D92D20",
+  },
+  radius: {
+    sm: "4px",
+    md: "6px",
+    lg: "8px",
+  },
+  density: {
+    compact: {
+      row: 36,
+      control: 32,
+      sidebar: 236,
+      header: 56,
+    },
+    comfortable: {
+      row: 44,
+      control: 38,
+      sidebar: 264,
+      header: 64,
+    },
+  },
+  shadow: {
+    panel: "0 1px 2px rgba(16, 24, 40, 0.08)",
+    raised: "0 8px 24px rgba(15, 23, 42, 0.10)",
+  },
+};
+
+export type Density = keyof typeof designTokens.density;