.bg-deep-slate { background-color: #2B2D42 !important; }
.bg-lighter-slate { background-color: #3A3F5C !important; }
.bg-light-cyan { background-color: #B1E6F3 !important; }
.bg-vibrant-purple { background-color: #8093F1 !important; }
.text-deep-slate { color: #2B2D42 !important; }
.text-cyan { color: #72DDF7 !important; }
.text-white { color: #FFFFFF !important; }
.bg-pink { background-color: #FFC1CC !important; }
.border-light-cyan { border-color: #B1E6F3 !important; }

.modal {
    z-index: 10000 !important; /* Ultra high to override theme */
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.modal-dialog {
    margin: 50px auto !important;
    max-width: 90vw !important;
    width: 90% !important;
    transform: translate(0, 0) !important; /* Override theme transforms */
}
.modal-dialog-centered {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: auto !important;
}
.modal-content {
    background-color: #3A3F5C !important;
    border: 1px solid #B1E6F3 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    overflow: hidden !important;
}
.modal-header {
    background-color: #2B2D42 !important;
    border-bottom: 1px solid #B1E6F3 !important;
}
.modal-header h1 {
    font-size: 2.5rem !important;
    color: #72DDF7 !important;
}
.modal-h3 {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    color: #72DDF7 !important;
}
.modal-body {
    background-color: #3A3F5C !important;
    padding: 1rem !important;
    overflow: visible !important;
}
.portfolio-card {
    background-color: #2B2D42 !important;
    border: 1px solid #B1E6F3 !important;
    padding: 1rem !important;
}
.footer-nav {
    text-decoration: none !important;
    color: #72DDF7 !important;
}
.footer-nav:hover {
    text-decoration: underline !important;
    color: #8093F1 !important;
}
.form-control {
    background-color: #3A3F5C !important;
    color: #FFFFFF !important;
    border: 1px solid #B1E6F3 !important;
}
.form-control:focus {
    background-color: #2B2D42 !important;
    color: #FFFFFF !important;
    border-color: #72DDF7 !important;
    box-shadow: 0 0 5px rgba(114, 221, 247, 0.5) !important;
}
.input-group-text {
    background-color: #2B2D42 !important;
    color: #FFFFFF !important;
    border: 1px solid #B1E6F3 !important;
}
.btn-check + .btn {
    background-color: #3A3F5C !important;
    color: #FFFFFF !important;
    border: 1px solid #B1E6F3 !important;
}
.btn-check:checked + .btn {
    background-color: #8093F1 !important;
    color: #2B2D42 !important;
}
.text-success {
    color: #00FF00 !important;
}

html, body, .modal-open, .modal-open .modal {
    overflow: hidden !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}