body { 
    font-family: 'Inter', system-ui, -apple-system, sans-serif; 
    background-color: #f8fbff !important; /* Extremely soft blue tint */
}

.text-primary { color: #0f4c81 !important; } /* Classic Medical Blue */
.bg-primary { background-color: #0f4c81 !important; }
.btn-primary { background-color: #0f4c81; border-color: #0f4c81; }
.btn-primary:hover { background-color: #0a365c; border-color: #0a365c; }

.hero-section {
    background: url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80') center/cover no-repeat;
    position: relative;
}
.hero-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255, 255, 255, 0.85); /* Light overlay to make text readable */
}
.hero-section .container { position: relative; z-index: 1; }

.doctor-card { 
    transition: transform 0.2s ease, box-shadow 0.2s ease; 
    border-radius: 16px;
    background: white;
}
.doctor-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 1rem 3rem rgba(15, 76, 129, 0.1) !important; 
}

.profile-img-wrapper {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #e2e8f0;
}
.profile-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}