chore: initial design system setup

Author: munlicode

base.css

@@ -0,0 +1,47 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --brand-flow: 239 84% 67%;
+    --brand-space: 222 47% 11%;
+    --brand-pulse: 173 80% 40%;
+    --brand-spark: 351 95% 71%;
+    --brand-graphite: 215 25% 27%;
+
+    --background: var(--brand-space);
+    --foreground: 210 40% 98%;
+
+    --card: 222 47% 11%;
+    --card-foreground: 210 40% 98%;
+
+    --popover: 222 47% 11%;
+    --popover-foreground: 210 40% 98%;
+
+    --primary: var(--brand-flow);
+    --primary-foreground: 222 47% 11%;
+
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: var(--brand-flow);
+  }
+}
+
+body {
+  background-color: hsl(var(--brand-space));
+  color: hsl(var(--foreground));
+  font-family: 'Inter', sans-serif;
+}

tailwind-preset.js

@@ -0,0 +1,23 @@
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        brand: {
+          flow: "hsl(239, 84%, 67%)", // #6366f1
+          space: "hsl(222, 47%, 11%)", // #0f172a / Background
+          pulse: "hsl(173, 80%, 40%)", // #2dd4bf / Success/Indicators
+          spark: "hsl(351, 95%, 71%)", // #fb7185 / Creativity/Alerts
+          graphite: "hsl(215, 25%, 27%)", // #1e293b / Text-neutral
+        },
+      },
+      fontFamily: {
+        sans: ["Inter", "system-ui", "sans-serif"],
+        mono: ["JetBrains Mono", "monospace"],
+      },
+      borderRadius: {
+        'kreoza': '0.75rem',
+      },
+    },
+  },
+  plugins: [],
+};