Configure Tailwind styling pipeline

2026-08-05 12:52:06 +02:00
parent 4c0c53d6e9
commit e60522495a
7 changed files with 2033 additions and 855 deletions
@@ -0,0 +1,39 @@
+@import "tailwindcss";
+@source "../public";
+
+@theme {
+  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
+  --color-catalog-surface: #f4f6f8;
+  --color-catalog-panel: #22272e;
+  --color-catalog-accent: #7ee34d;
+  --color-catalog-danger: #e02424;
+  --color-catalog-focus: #2f6fed;
+}
+
+@layer base {
+  *, ::before, ::after {
+    box-sizing: border-box;
+  }
+
+  html {
+    color-scheme: light;
+  }
+
+  body {
+    margin: 0;
+    min-height: 100vh;
+    font-family: var(--font-sans);
+    color: #15181c;
+    background: var(--color-catalog-surface);
+  }
+
+  button,
+  input,
+  select {
+    font: inherit;
+  }
+}
+
+/* Compatibility component layer. Existing selectors stay stable while the
+   visual system is migrated to Tailwind utilities incrementally. */
+@import "./tailwind-components.css";