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

@layer utilities {
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .gradient-bg {
        background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);
    }
    .card-hover {
        transition: all 0.3s ease;
    }
    .card-hover:hover {
        transform: translateY(-5px);
    }
    .btn-primary {
        background: linear-gradient(135deg, #ff6b00 0%, #ff8f00 100%);
        transition: all 0.3s ease;
    }
    .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(255, 107, 0, 0.4);
    }
    .nav-item {
        transition: all 0.3s ease;
    }
    .nav-item:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
}