import type { Config } from "tailwindcss" const config: Config = { content: ["./app/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}"], theme: { extend: { colors: { bg: { primary: "#0b0b0e", surface: "#222222", "surface-hover": "#2a2a2a", elevated: "#333333", }, accent: { DEFAULT: "#267bf1", hover: "#3d8cf5", muted: "#267bf133", }, text: { primary: "#ffffff", secondary: "#94a3b8", muted: "#64748b", }, border: { DEFAULT: "#1e2530", hover: "#2a3240", }, status: { success: "#22c55e", error: "#ef4444", warning: "#f59e0b", running: "#267bf1", }, }, fontFamily: { display: ["Space Grotesk", "system-ui", "sans-serif"], body: ["DM Sans", "system-ui", "sans-serif"], mono: ["DM Mono", "monospace"], }, borderRadius: { sm: "2px", DEFAULT: "4px", md: "4px", lg: "6px", }, animation: { "pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite", "fade-in": "fadeIn 0.3s ease-out", "slide-up": "slideUp 0.3s ease-out", "slide-in-right": "slideInRight 0.2s ease-out", indeterminate: "indeterminate 1.5s ease-in-out infinite", }, keyframes: { fadeIn: { "0%": { opacity: "0" }, "100%": { opacity: "1" }, }, slideUp: { "0%": { opacity: "0", transform: "translateY(10px)" }, "100%": { opacity: "1", transform: "translateY(0)" }, }, slideInRight: { "0%": { opacity: "0", transform: "translateX(10px)" }, "100%": { opacity: "1", transform: "translateX(0)" }, }, indeterminate: { "0%": { transform: "translateX(-100%)" }, "100%": { transform: "translateX(400%)" }, }, }, }, }, plugins: [], } export default config