/* css/bootstrap-custom.css */
/* Custom Bootstrap overrides */

.btn-primary {
    background: var(--gradient-primary);
    border: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: var(--primary-color);
    background: linear-gradient(135deg, #2c00b3 0%, #0da8a9 100%);
}

.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-primary:hover {
    background: var(--gradient-primary);
    border-color: transparent;
    color: white;
}

/* Form controls */
.form-control:focus {
    border-color: var(--secondary-color);
    box-shadow: 0 0 0 0.25rem rgba(15, 199, 200, 0.25);
}

/* Custom utilities */
.rounded-lg {
    border-radius: 15px;
}

.rounded-xl {
    border-radius: 20px;
}

.shadow-soft {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.shadow-medium {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.shadow-hard {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}