first commit

2026-07-02 14:41:36 +05:30
parent 7d4727755a
commit e2cf8f803b
20 changed files with 1087 additions and 80 deletions
@@ -0,0 +1,48 @@
+/**
+ * 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",
+      },
+    },
+  },
+};