/* ============================================================
   ENHANCEMENTS
   Professional refinement layer
   Primary design system remains in style.css
============================================================ */

:root {
    --enhance-transition: .3s ease;
}


/* ============================================================
   BUTTONS
============================================================ */

.btn {
    transition:
        transform var(--enhance-transition),
        background-color var(--enhance-transition),
        border-color var(--enhance-transition),
        box-shadow var(--enhance-transition);
}


/* Primary */

.btn-primary {
    box-shadow: 0 8px 20px rgba(199, 54, 105, .14);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(199, 54, 105, .20);
}


/* Outline */

.btn-outline-primary {
    border-width: 1px;
}

.btn-outline-primary:hover {
    transform: translateY(-2px);
}



/* ============================================================
   MODAL
============================================================ */

.modal-content {

    border: 1px solid var(--line);

    border-radius: 14px;

    overflow: hidden;

    box-shadow: 0 25px 70px rgba(50, 25, 35, .16);

}

.modal-header {

    padding: 25px 28px 15px;

    border-bottom: 1px solid var(--line);

}

.modal-body {

    padding: 20px 28px 10px;

}

.modal-footer {

    padding: 12px 28px 25px;

    border-top: 0;

}

.modal-title {

    color: var(--ink);

    font-weight: 700;

}

.form-label {

    font-size: .85rem;

    font-weight: 600;

    color: #554d58;

}