/* Custom CSS for DevNeelDigiLechLabs - Flat, Minimal, Performance Optimized */
:root {
    --primary-blue: #0056b3;
    --dark-blue: #003d82;
    --light-bg: #f8f9fa;
    --text-dark: #333333;
    --text-muted: #6c757d;
}
body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-dark);
    -webkit-font-smoothing: antialiased;
    background-color: #ffffff;
}
a { text-decoration: none; transition: color 0.2s ease; }
.text-primary-custom { color: var(--primary-blue) !important; }
.bg-primary-custom { background-color: var(--primary-blue) !important; color: #ffffff; }
.bg-light-custom { background-color: var(--light-bg) !important; }
.btn-primary-custom {
    background-color: var(--primary-blue);
    border: 1px solid var(--primary-blue);
    color: #ffffff;
    border-radius: 0; /* Flat design */
    padding: 10px 24px;
    font-weight: 500;
    transition: background-color 0.2s;
}
.btn-primary-custom:hover { background-color: var(--dark-blue); color: #ffffff; }
.btn-outline-custom {
    background-color: transparent;
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue);
    border-radius: 0;
    padding: 10px 24px;
    font-weight: 500;
}
.btn-outline-custom:hover { background-color: var(--primary-blue); color: #ffffff; }
.navbar { padding: 15px 0; background-color: #ffffff; border-bottom: 1px solid #eaeaea; }
.navbar-brand { font-weight: 700; color: var(--primary-blue) !important; letter-spacing: 0.5px; }
.nav-link { font-weight: 500; color: var(--text-dark); margin: 0 10px; }
.nav-link:hover, .nav-link.active { color: var(--primary-blue) !important; }
.hero-section { background-color: var(--light-bg); padding: 100px 0; border-bottom: 1px solid #eaeaea; }
.section-padding { padding: 80px 0; }
.card-flat { border: 1px solid #eaeaea; border-radius: 0; background-color: #ffffff; }
.icon-box { font-size: 2.5rem; color: var(--primary-blue); margin-bottom: 20px; }
.footer { background-color: var(--text-dark); color: #ffffff; padding: 60px 0 20px; }
.footer a { color: #cccccc; }
.footer a:hover { color: #ffffff; }
.portfolio-filter button { margin: 5px; border-radius: 0; }
.active-filter { background-color: var(--primary-blue) !important; color: #ffffff !important; }