.dark-nav {
    color: white;
}

.light-nav {
    color: #0f172a; /* slate-900 */
}

.dark-nav a {
    color: #cbd5e1; /* slate-300 */
}

.dark-nav a:hover {
    color: #60a5fa; /* blue-400 */
}

.dark-nav a.active {
    color: #60a5fa; /* blue-400 */
    font-weight: 600;
}

.light-nav a {
    color: #334155; /* slate-700 */
}

.light-nav a:hover {
    color: #2563eb; /* blue-600 */
}

.light-nav a.active {
    color: #2563eb; /* blue-600 */
    font-weight: 600;
}