body {
    background-color: #f4f6fa;
    color: #1a2235;
}

.navbar, .navbar-dark.bg-dark {
    background-color: #1a2235 !important;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

.navbar-brand span {
    color: #fff !important;
}

.nav-link, .navbar-nav .nav-link {
    color: #fff !important;
}

.nav-link.btn {
    color: #fff !important;
    background: #ff9800;
    border-radius: 4px;
    margin-left: 8px;
    padding: 6px 18px;
    font-weight: 600;
}

.nav-link.btn:hover {
    background: #2563eb;
    color: #fff !important;
}

section.hero-section {
    background: linear-gradient(135deg, #2563eb 0%, #2dd4bf 100%);
    color: #fff;
}

section.py-5.bg-light, .stats-section {
    background: #f4f6fa !important;
    color: #1a2235 !important;
}

.stats-section .card {
    background: #fff;
    color: #1a2235;
    border: none;
    box-shadow: 0 2px 8px rgba(26,34,53,0.06);
}

.card, .feature-card {
    background: #fff;
    color: #1a2235;
    border: none;
    box-shadow: 0 2px 8px rgba(26,34,53,0.06);
}

section#about, #about.bg-light {
    background: #eaf3fb !important;
    color: #1a2235 !important;
}

section.py-5.bg-primary, .cta-section {
    background: linear-gradient(90deg, #2563eb 0%, #2dd4bf 100%) !important;
    color: #fff !important;
}

.btn-primary, .btn-light {
    background-color: #2dd4bf;
    color: #1a2235;
    border: none;
    font-weight: 600;
    border-radius: 4px;
    transition: background 0.2s;
}

.btn-primary:hover, .btn-light:hover {
    background-color: #ff9800;
    color: #fff;
}

.table {
    color: #1a2235;
}

.table th, .table td {
    background: #fff;
    color: #1a2235;
}

.alert-primary {
    background-color: #2dd4bf;
    color: #1a2235;
    border: none;
}

footer.bg-dark {
    background: #23272f !important;
    color: #fff !important;
}

footer.bg-dark a {
    color: #2dd4bf !important;
} 