.badge-secondary {
  background-color: rgba(107, 206, 187, 0.1);
  color: var(--secondary-color);
}

/* === FOOTER STYLES === */
footer {
    width: 100%;
    padding: 0.1rem 0; /* Vertical padding */
    background-color: var(--background-color);
    border-top: 0px solid var(--border-color);
    text-align: center;
    flex-shrink: 0; /* Prevents the footer from shrinking */
    margin-top: auto; /* Pushes footer to the bottom in flex container */
}

.footer-nav a {
    font-size: 0.7rem; /* Small font size */
    color: #64748B; /* A softer text color */
    text-decoration: none;
    margin: 0 15px; /* Space between links */
    transition: color 0.3s ease;
}

.footer-nav a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}
/* === END OF FOOTER STYLES === */