/* Use Poppins font family */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #1d232f;
    /* Dark Navy Blue */
}

/* Hide the default file input */
#file-upload-input {
    display: none;
}

/* Custom gradient for buttons and accents */
.gradient-bg {
    background-image: linear-gradient(to right, #f87171, #fb923c, #facc15, #4ade80, #60a5fa);
}

.gradient-text {
    background: linear-gradient(to right, #f87171, #fb923c, #facc15, #4ade80, #60a5fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* Custom button style with gradient */
.btn-gradient {
    background-size: 200% 100%;
    transition: background-position 0.5s;
}

.btn-gradient:hover {
    background-position: right center;
}

/* Custom focus ring color */
.focus\:ring-gradient:focus {
    --tw-ring-color: #fb923c;
}