/**
 * MERGE THIS into your existing tailwind.config.js/ts — do not replace the file.
 * Add the `colors`, `fontFamily`, `keyframes`, and `animation` keys below
 * into your existing `theme.extend` block.
 */
module.exports = {
  theme: {
    extend: {
      colors: {
        rotary: {
          navy: "#0B2545",   // primary — headers, deep panels
          blue: "#12468C",   // Rotary International blue — brand primary
          azure: "#2E7CD6",  // secondary accent, links, gradients
          gold: "#F2A900",   // Rotary gold — CTAs, dividers, highlights
          goldlight: "#FFD166",
          paper: "#F4F6FA",  // page background (cool paper, not cream)
          ink: "#101B2D",    // body text
        },
      },
      fontFamily: {
        serif: ["var(--font-display)", "Georgia", "serif"],
        sans: ["var(--font-body)", "ui-sans-serif", "system-ui", "sans-serif"],
      },
      keyframes: {
        "spin-slow": { to: { transform: "rotate(360deg)" } },
        "fade-up": {
          "0%": { opacity: "0", transform: "translateY(16px)" },
          "100%": { opacity: "1", transform: "translateY(0)" },
        },
        shimmer: {
          "0%": { backgroundPosition: "-200% 0" },
          "100%": { backgroundPosition: "200% 0" },
        },
        "ring-pulse": {
          "0%, 100%": { boxShadow: "0 0 0 0 rgba(242,169,0,0.45)" },
          "50%": { boxShadow: "0 0 0 10px rgba(242,169,0,0)" },
        },
      },
      animation: {
        "spin-slow": "spin-slow 50s linear infinite",
        "spin-slower": "spin-slow 90s linear infinite",
        "fade-up": "fade-up 0.7s cubic-bezier(0.16,1,0.3,1) both",
        shimmer: "shimmer 2.5s linear infinite",
        "ring-pulse": "ring-pulse 2.4s ease-out infinite",
      },
    },
  },
};