body {
    direction: rtl;
    text-align: right;
    transition: background-color 1s, color 1s;
    font-family: 'Vazirmatn', sans-serif;
    /* Apply Vazir font */
}

.bg-light-mode {
    background-color: #f8f9fa;
    color: #343a40;
}

.bg-dark-mode {
    background-color: #343a40;
    color: #f8f9fa;
}

.navbar-light-mode {
    background-color: #f8f9fa;
    color: #343a40;
}

.navbar-dark-mode {
    background-color: #343a40;
    color: #f8f9fa;
}

.card {
    transition: background-color 1s, color 1s;
}

.card-light-mode {
    background-color: #ffffff;
    color: #343a40;
}

.card-dark-mode {
    background-color: #495057;
    color: #f8f9fa;
}

.theme-toggle-btn {
    border: none;
    background: transparent;
    color: inherit;
    font-size: 1.25rem;
}