/* Pastel Portfolio Colors */
.bg-deep-slate {
    background-color: #5D6D7E; /* Soft slate gray */
}
.bg-lighter-slate {
    background-color: #85929E; /* Lighter pastel slate */
}
.bg-light-cyan {
    background-color: #D6EAF8; /* Pastel light blue */
}
.bg-vibrant-purple {
    background-color: #C39BD3; /* Pastel lavender */
}
.text-deep-slate {
    color: #1A237E !important; /* Navy blue for strong contrast */
}
.text-cyan {
    color: #1A237E !important; /* Navy blue instead of gradient */
}
.text-white {
    color: #1A237E !important; /* Navy blue for all text */
}
.bg-pink {
    background-color: #F5B7B1; /* Pastel coral for validation errors */
}

/* Form input styling */
.form-control.bg-lighter-slate {
    background-color: #D5F4E6 !important; /* Soft mint/sage green */
    color: #1A237E !important; /* Navy blue text in inputs */
    border: 1px solid #A9DFBF;
}

.form-control.bg-lighter-slate::placeholder {
    color: #5C6BC0 !important; /* Lighter navy for placeholders */
    opacity: 1;
}

.form-control.bg-lighter-slate:focus {
    background-color: #E8F8F5 !important; /* Lighter mint on focus */
    color: #1A237E !important;
    border-color: #AED6F1;
    box-shadow: 0 0 0 0.2rem rgba(174, 214, 241, 0.3);
}

/* Input group labels */
.input-group-text.bg-deep-slate {
    background-color: #A9CCE3 !important; /* Pastel blue-gray */
    color: #1A237E !important; /* Navy blue */
    border: 1px solid #85C1E2;
}

/* Modal styles */
.modal-dialog {
    margin-top: 50px !important; /* Lower modal */
}
.portfolio-modal {
    background-color: #EBF5FB; /* Very soft pastel blue */
    border: 2px solid #AED6F1; /* Pastel cyan border */
    color: #1A237E; /* Navy blue text */
    box-shadow: 0 4px 20px rgba(174, 214, 241, 0.3);
}
.portfolio-header {
    background: linear-gradient(135deg, #D6EAF8 0%, #AED6F1 100%); /* Gradient pastel blue */
    border-bottom: 2px solid #85C1E2;
}
.portfolio-header h1 {
    font-size: 2.5rem;
    color: #1A237E !important; /* Navy blue */
}
.modal-h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #1A237E !important; /* Navy blue */
}
.portfolio-modal-body {
    background-color: #EBF5FB; /* Very soft pastel blue */
    padding: 1rem;
}
.portfolio-card {
    background: linear-gradient(135deg, #F4ECF7 0%, #E8DAEF 100%); /* Soft lavender gradient */
    border: 2px solid #D7BDE2;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(215, 189, 226, 0.2);
}
.footer-nav {
    text-decoration: none;
    color: #1A237E; /* Navy blue */
    transition: all 0.3s ease;
}
.footer-nav:hover {
    text-decoration: underline;
    color: #5C6BC0; /* Lighter navy on hover */
}

/* Radio button container */
.mb-2.bg-deep-slate.rounded {
    background-color: #D6EAF8 !important; /* Pastel blue */
    border: 2px solid #5DADE2;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(93, 173, 226, 0.3);
}

/* Radio section header */
.mb-2.bg-deep-slate.rounded p {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px !important;
    padding: 5px;
    background-color: rgba(93, 173, 226, 0.2);
    border-radius: 4px;
}

/* Radio button labels */
.btn.bg-lighter-slate {
    background-color: #A9DFBF !important; /* Pastel green */
    color: #1A237E !important; /* Navy blue */
    border: 2px solid #82E0AA;
    margin: 3px;
    padding: 6px 12px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn.bg-lighter-slate:hover {
    background-color: #82E0AA !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(130, 224, 170, 0.4);
}

.btn-check:checked + .btn.bg-lighter-slate {
    background-color: #52BE80 !important;
    border-color: #45B572;
    box-shadow: 0 4px 8px rgba(82, 190, 128, 0.5);
}

/* Message label */
.form-label.text-cyan {
    color: #1A237E !important; /* Navy blue */
}

/* Buttons */
.btn.bg-lighter-slate.text-white {
    background-color: #AEB6BF !important; /* Soft gray */
    color: #1A237E !important; /* Navy blue */
    border: 1px solid #95A5A6;
    transition: all 0.3s ease;
}

.btn.bg-vibrant-purple.text-deep-slate {
    background-color: #C39BD3 !important; /* Pastel lavender */
    color: #1A237E !important; /* Navy blue */
    border: 1px solid #BB8FCE;
    transition: all 0.3s ease;
}

.btn.bg-lighter-slate.text-white:hover {
    background-color: #95A5A6 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(149, 165, 166, 0.3);
}

.btn.bg-vibrant-purple.text-deep-slate:hover {
    background-color: #BB8FCE !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(187, 143, 206, 0.3);
}

/* Close button styling */
.btn-close.bg-light-cyan {
    background-color: #D6EAF8 !important;
    opacity: 1;
    transition: all 0.3s ease;
}

.btn-close.bg-light-cyan:hover {
    background-color: #AED6F1 !important;
    transform: rotate(90deg);
}

/* Bottom button container */
.bg-deep-slate.pt-2.m-auto.pb-2.rounded-bottom {
    background: linear-gradient(135deg, #E8DAEF 0%, #D6EAF8 100%) !important;
    border-top: 1px solid #D7BDE2;
}

/* Notification text */
#notification.text-success {
    color: #27AE60 !important;
    font-weight: 500;
}

/* Paragraph text in radio section */
p.text-white {
    color: #1A237E !important; /* Navy blue */
}

/* Modal title */
.modal-title.text-white {
    color: #1A237E !important; /* Navy blue */
}