/* رنگ‌بندی کلی سایت */
:root {
    --vira-primary: #007bff;
    --vira-dark: #212529;
    --vira-light: #f8f9fa;
}

/* ساختار عمومی */
body {
    background-color: var(--vira-light);
    color: var(--vira-dark);
    line-height: 1.8;
}

a {
    color: var(--vira-primary);
    text-decoration: none;
}

a:hover {
    color: #0056b3;
}

/* کارت‌ها */
.card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-3px);
}

/* دکمه‌ها */
.btn-primary {
    background-color: var(--vira-primary);
    border-color: var(--vira-primary);
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #004a9f;
}

/* فوتر */
footer {
    background-color: var(--vira-dark);
    color: #ddd;
    font-size: 0.9rem;
}

/* ناوبار */
.navbar .nav-link {
    color: #555;
    font-weight: 500;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: var(--vira-primary);
}