49 lines
1.7 KiB
JavaScript
49 lines
1.7 KiB
JavaScript
/**
|
|
* 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",
|
|
},
|
|
},
|
|
},
|
|
};
|