import type { Config } from "tailwindcss"; const config = { darkMode: "class", content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", ], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { background: "#0B0D17", foreground: "#F8FAFC", // ТЕПЕРЬ PRIMARY = ФИОЛЕТОВЫЙ primary: { DEFAULT: "#8B3DFF", // Яркий, сочный фиолетовый foreground: "#FFFFFF", // Белый текст на фиолетовом фоне }, // ТЕПЕРЬ SECONDARY = CYAN secondary: { DEFAULT: "#00E5F2", // Светлый циан foreground: "#000000", // Черный текст на голубом фоне }, muted: { DEFAULT: "#1E2136", foreground: "#A0AEC0", // Светлый серый для читаемости }, border: "#2A2E45", card: { DEFAULT: "rgba(22, 25, 43, 0.6)", foreground: "#F8FAFC", }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", "pulse-primary": "pulse-primary 2s cubic-bezier(0.4, 0, 0.6, 1) infinite", // Переименовал в pulse-primary }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, // Анимация пульсации теперь фиолетовая "pulse-primary": { "0%, 100%": { opacity: "1", boxShadow: "0 0 10px #8B3DFF, 0 0 20px #8B3DFF", }, "50%": { opacity: ".5", boxShadow: "0 0 5px #8B3DFF, 0 0 10px #8B3DFF", }, }, }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config; export default config;