From 9c9657398c4a0a1a38a4a569d90011709a2ba052 Mon Sep 17 00:00:00 2001 From: cupadev-admin Date: Sun, 8 Mar 2026 17:14:31 +0000 Subject: [PATCH] feat: add tailwind.config.js --- tailwind.config.js | 59 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 59 insertions(+) create mode 100644 tailwind.config.js diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..8ac3a06 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,59 @@ +/** @type {import('tailwindcss').Config} */ +export default { + content: [ + "./index.html", + "./src/**/*.{js,ts,jsx,tsx}", + ], + theme: { + extend: { + colors: { + marine: { + 50: '#f0f4f8', + 100: '#d9e2ec', + 200: '#bcccdc', + 300: '#9fb3c8', + 400: '#829ab1', + 500: '#627d98', + 600: '#486581', + 700: '#334e68', + 800: '#243b53', + 900: '#102a43', + }, + gold: { + 300: '#fcd34d', + 400: '#fbbf24', + 500: '#f59e0b', + 600: '#d97706', + 700: '#b45309', + }, + crimson: { + 500: '#dc2626', + 600: '#b91c1c', + 700: '#991b1b', + } + }, + fontFamily: { + serif: ['Georgia', 'Cambria', 'Times New Roman', 'serif'], + sans: ['Inter', 'system-ui', 'sans-serif'], + }, + backgroundImage: { + 'hero-pattern': "linear-gradient(rgba(16, 42, 67, 0.82), rgba(16, 42, 67, 0.75))", + }, + animation: { + 'fade-in': 'fadeIn 1s ease-in-out', + 'slide-up': 'slideUp 0.8s ease-out', + }, + keyframes: { + fadeIn: { + '0%': { opacity: '0' }, + '100%': { opacity: '1' }, + }, + slideUp: { + '0%': { transform: 'translateY(30px)', opacity: '0' }, + '100%': { transform: 'translateY(0)', opacity: '1' }, + }, + }, + }, + }, + plugins: [], +};