footer {
    background-color: #0f172a; /* slate-900 */
    color: #d1d5db; /* gray-300 */
}

footer h5 {
    color: #fff;
}

footer a {
    color: #d1d5db;
    text-decoration: none;
}

footer a:hover {
    color: #7c3aed; /* violet-600 */
}

.social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #374151; /* slate-700 */
    margin-right: 6px;
    color: #9ca3af; /* gray-400 */
}

.social a:hover {
    background: #7c3aed;
    color: #fff;
    border-color: #7c3aed;
}