:root {
    color-scheme: light;
    --um-surface: #ffffff;
    --um-text: #1f2937;
    --um-muted: #667085;
    --um-border: #e5e7eb;
    --um-shadow: 0 18px 55px rgba(15, 23, 42, 0.18);
    --um-radius: 22px;
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: light;
    }

    body {
        background-color: #ffffff;
        color: #000000;
    }
}

.uniform-modal .modal-dialog {
    max-width: 420px;
}

.uniform-modal .modal-content {
    background: linear-gradient(180deg, #ffffff 0%, #fffaf3 100%);
    border: 1px solid rgba(222, 113, 12, 0.14);
    border-radius: var(--um-radius);
    box-shadow: var(--um-shadow);
    overflow: hidden;
}

#umContent .modal-header {
    color: var(--um-text);
    padding: 22px 26px 0;
}

#umContent .modal-title,
.modal .modal-title,
.modal .modal-header {
    color: var(--um-text);
}

#umContent .modal-title {
    font-size: 1.18rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0;
}

.modal .btn-close {
    display: none !important;
}

.modal.fade {
    transition: opacity 0.18s linear;
}

.modal.fade .modal-dialog {
    transition: transform 0.18s ease-out, opacity 0.18s ease-out;
}

#umContent hr {
    border-color: var(--um-border);
    margin: 0 24px;
    opacity: 1;
}

#umContent .modal-body {
    color: var(--um-text);
    font-size: 0.97rem;
    line-height: 1.6;
    padding: 24px 26px 10px;
}

#umContent .modal-footer {
    padding: 10px 26px 24px;
}

.uniform-modal__copy {
    color: var(--um-text);
}

.uniform-modal__copy p {
    color: var(--um-text);
}

.modalBtn {
    border-radius: 14px;
    min-height: 46px;
    padding: 10px 18px;
    border: none;
    font-weight: 700;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.modalBtn:hover,
.modalBtn:focus {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.14);
}

.modalBtn.btn-primary {
    background-color: #175cd3;
    color: #ffffff;
}

.modalBtn.btn-primary:hover,
.modalBtn.btn-primary:focus {
    background-color: #1849a9;
    color: #ffffff;
}

.modalBtn.btn-success {
    background-color: #039855;
    color: #ffffff;
}

.modalBtn.btn-success:hover,
.modalBtn.btn-success:focus {
    background-color: #027a48;
    color: #ffffff;
}

.modalBtn.btn-danger {
    background-color: #d92d20;
    color: #ffffff;
}

.modalBtn.btn-danger:hover,
.modalBtn.btn-danger:focus {
    background-color: #b42318;
    color: #ffffff;
}

.modalBtn.btn-warning {
    background-color: #de710c;
    color: #ffffff;
}

.modalBtn.btn-warning:hover,
.modalBtn.btn-warning:focus {
    background-color: #b95606;
    color: #ffffff;
}

.modalBtn.btn-secondary,
.modalBtn.btn-outline-secondary {
    background-color: #ffffff;
    color: #344054;
    border: 1px solid #d0d5dd;
}

.modalBtn.btn-secondary:hover,
.modalBtn.btn-secondary:focus,
.modalBtn.btn-outline-secondary:hover,
.modalBtn.btn-outline-secondary:focus {
    background-color: #f8fafc;
    color: #1f2937;
    border-color: #cbd5e1;
}