// Tailwind CSS Configuration tailwind.config = { theme: { extend: { fontFamily: { sans: ["Inter", "ui-sans-serif", "system-ui"], display: ["Poppins", "ui-sans-serif", "system-ui"] }, colors: { brand: { blue: "#0D2A6C", // Deep blue from logo orange: "#F39C12", // Vibrant orange from logo ink: "#1f2937", // A softer black for text paper: "#f9fafb" // Off-white background } }, boxShadow: { soft: "0 12px 28px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08)", "glow-orange": "0 0 25px rgba(243, 156, 18, 0.6)" }, animation: { fadeIn: "fadeIn 0.5s ease-out forwards", slideUp: "slideUp 0.6s ease-out forwards", subtlePulse: "subtlePulse 2s infinite ease-in-out", fillBar: "fillBar 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards" }, keyframes: { fadeIn: { "0%": { opacity: 0 }, "100%": { opacity: 1 } }, slideUp: { "0%": { opacity: 0, transform: "translateY(12px)" }, "100%": { opacity: 1, transform: "translateY(0)" } }, subtlePulse: { "0%, 100%": { transform: "scale(1)" }, "50%": { transform: "scale(1.02)" } }, fillBar: { "0%": { width: "0%" }, "100%": { width: "var(--bar-width, 0%)" } } } } }, darkMode: "class" };
futbolpad.com Logo

futbolpad.com - GoldCup Explorer

An interactive journey through CONCACAF Gold Cup Championship Finals history

2022
Gold Cup Poster

Global View

Click on a country to see history.