/* تم روشن */
body {
    background-color: #f8f9fa;
    color: #343a40;
    max-width: 1366px;
}

.navbar,
.course-card,
.blog-card,
.contact-form,
.footer {
    background-color: #ffffff;
}

.navbar {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.mobile-menu {
    background-color: #ffffff;
}

.section-title,
.hero-title,
.course-title,
.blog-title,
.contact-title,
.footer-title,
.skills-title {
    color: #343a40;
}

.section-subtitle,
.hero-description,
.course-description,
.blog-excerpt,
.about-text,
.contact-link,
.footer-description,
.footer-links a,
.copyright {
    color: #6c757d;
}

.course-card,
.blog-card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.course-card:hover,
.blog-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.form-group input,
.form-group textarea {
    background-color: #ffffff;
    border-color: #e0e0e0;
    color: #343a40;
}

.form-group input:focus,
.form-group textarea:focus {
    box-shadow: 0 0 0 3px rgba(74, 111, 165, 0.2);
}

.blog-section,
.contact-section {
    background-color: #f5f5f5;
}

.footer {
    background-color: #343a40;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.footer .footer-title{
    color: #ffffff;
}


.btn-outline {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn-outline:hover {
    background-color: var(--primary-color);
    color: #ffffff;
}

.btn-icon:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.mobile-menu a:hover,
.mobile-menu a.active {
    background-color: rgba(74, 111, 165, 0.1);
}