/* Custom CSS for OpShin Staking-as-a-Service */

/* You can add custom styles here */
/* Tailwind CSS handles most styling via CDN */

/* Alpine.js x-cloak - prevents FOUC (Flash of Unstyled Content) */
[x-cloak] {
    display: none !important;
}

:root {
    --primary-color: #2563eb;
    --secondary-color: #10b981;
}

/* Smooth transitions */
* {
    transition: all 0.2s ease-in-out;
}

/* Custom button styles */
.btn-primary {
    background-color: var(--primary-color);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
}

.btn-primary:hover {
    opacity: 0.9;
}