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

/* Custom styles */
.auth-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.hover-up { 
    transition: transform 0.2s; 
}

.hover-up:hover { 
    transform: translateY(-2px); 
}

/* Dashboard colors */
.bg-blue-100 {
    background-color: rgba(59, 130, 246, 0.1);
}

.text-blue-600 {
    color: rgb(37, 99, 235);
}

.bg-purple-100 {
    background-color: rgba(139, 92, 246, 0.1);
}

.text-purple-600 {
    color: rgb(124, 58, 237);
}

.bg-green-100 {
    background-color: rgba(16, 185, 129, 0.1);
}

.text-green-600 {
    color: rgb(5, 150, 105);
}

/* SVG icon sizes */
.w-6 {
    width: 1.5rem;
}

.h-6 {
    height: 1.5rem;
}

/* Tile hover effects */
.bg-white {
    transition: transform 0.2s, box-shadow 0.2s;
}

.bg-white:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}