body.light-mode {
    background-color: #ffffff;
    color: #000000;
}

body.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

body.dark-mode .nav-wrapper {
    background-color: #333333;
}

body.dark-mode .card {
    background-color: #424242;
    color: #ffffff;
}

body.dark-mode .btn, body.dark-mode .btn:hover {
    background-color: #1e88e5;
    color: #ffffff;
}

.logo {
    height: 50px;
    vertical-align: middle;
    margin-right: 10px;
}

.card-title {
    font-weight: bold;
}

.card-content {
    padding: 20px;
}

.card-action {
    padding: 20px;
}