@tailwind base;
@tailwind components;
@tailwind utilities;

.custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }

        .custom-scrollbar::-webkit-scrollbar-track {
            background: #F4EFEA;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #2d6a4f;
            border-radius: 3px;
        }

        .egg-gradient {
            background: radial-gradient(circle at 30% 30%, #ffffff 0%, #f4eae1 70%, #dfcdbe 100%);
        }

        .egg-color-gradient {
            background: radial-gradient(circle at 30% 30%, #fceade 0%, #e5aa7c 70%, #bd7b4a 100%);
        }

        .transition-all-300 {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }