first commit

frontend/src/index.css

@@ -0,0 +1,50 @@
+@import "tailwindcss";
+
+@theme {
+  --color-silos-brown: #6b3a2c;
+  --color-silos-brown-dark: #4a281f;
+  --color-silos-brown-light: #8b4d3b;
+  --color-silos-tan: #c17d65;
+  --color-silos-cream: #f5ede4;
+  --color-silos-cream-dark: #ebe0d4;
+  --color-silos-text: #3d2b24;
+  --color-silos-muted: #7a6a62;
+
+  --font-sans: "Inter", system-ui, sans-serif;
+  --font-display: "Playfair Display", Georgia, serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+  font-family: var(--font-sans);
+  color: var(--color-silos-text);
+  background-color: var(--color-silos-cream);
+  -webkit-font-smoothing: antialiased;
+}
+
+@keyframes workflow-pulse {
+  0%, 100% { transform: scale(1); opacity: 1; }
+  50% { transform: scale(1.08); opacity: 0.85; }
+}
+
+@keyframes workflow-flow {
+  0% { stroke-dashoffset: 24; }
+  100% { stroke-dashoffset: 0; }
+}
+
+.workflow-step-active {
+  animation: workflow-pulse 2s ease-in-out infinite;
+}
+
+.workflow-arrow-animate {
+  stroke-dasharray: 8 4;
+  animation: workflow-flow 1.5s linear infinite;
+}