feat: wire tailwind v4 with charcoal design tokens

2026-05-08 17:40:14 -04:00
parent d1e010bb65
commit 2f0814ad19
2 changed files with 36 additions and 17 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,32 @@
+@import "tailwindcss";
+
+@theme {
+  --color-bg: #0b0b0d;
+  --color-surface: #141418;
+  --color-surface-elevated: #1c1c22;
+  --color-border: #2a2a31;
+  --color-border-strong: #3a3a44;
+  --color-text: #e8e8ec;
+  --color-muted: #9999a3;
+  --color-muted-strong: #c8c8d2;
+  --color-accent: #7c8cff;
+  --color-accent-hover: #93a0ff;
+  --color-danger: #ff6b6b;
+  --color-warning: #ffb84d;
+
+  --radius-sm: 6px;
+  --radius-md: 10px;
+  --radius-lg: 14px;
+
+  --shadow-soft: 0 1px 2px rgba(0,0,0,0.4), 0 4px 24px rgba(0,0,0,0.25);
+
+  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+}
+
+html, body, #root { height: 100%; }
+body {
+  background: var(--color-bg);
+  color: var(--color-text);
+  font-family: var(--font-sans);
+  -webkit-font-smoothing: antialiased;
+}