M.I.M.I.R - Multi-agent Intelligent Memory & Insight Repository

@tailwind base; @tailwind components; @tailwind utilities; @layer base { body { background-color: #0f1419; color: #e5e7eb; background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.05) 1px, transparent 0); background-size: 40px 40px; } /* Custom scrollbar - Norse theme */ ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background-color: #1a1f2e; } ::-webkit-scrollbar-thumb { background-color: #3d4556; border-radius: 9999px; } ::-webkit-scrollbar-thumb:hover { background-color: #4a5568; } /* Selection */ ::selection { background-color: #d4af37; color: #0a0e1a; } } @layer components { /* Card styles */ .card { background-color: #1a1f2e; border: 1px solid #3d4556; border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); } .card-hover { transition: all 0.2s; } .card-hover:hover { border-color: #d4af37; box-shadow: 0 10px 15px -3px rgba(212, 175, 55, 0.3); } /* Input and textarea styles */ input:not([type="checkbox"]):not([type="radio"]), textarea, select { background-color: #252d3d !important; border-color: #3d4556 !important; color: #e5e7eb !important; } input::placeholder, textarea::placeholder { color: #9ca3af !important; } input:focus, textarea:focus, select:focus { background-color: #2a3247 !important; border-color: #d4af37 !important; outline-color: #d4af37 !important; } /* Scrollbar for specific containers */ .scroll-container { scrollbar-width: thin; scrollbar-color: #3d4556 #1a1f2e; } } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } code { font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; } #root { height: 100vh; } /* React Flow custom styling */ .react-flow__node-taskNode { /* Allow our custom node to control its own styling */ } .react-flow__handle { transition: all 0.2s; } .react-flow__handle:hover { transform: scale(1.3); } .react-flow__edge-path { stroke-width: 2; } .react-flow__controls { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3); } .react-flow__controls-button { background-color: #1a1f2e !important; border-color: #3d4556 !important; color: #e5e7eb !important; } .react-flow__controls-button:hover { background-color: #252d3d !important; } .react-flow__controls-button svg { fill: #e5e7eb !important; } .react-flow__minimap { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3); }