/* Light theme — use on live site (cssolutions.services) */
[data-theme="light"] {
    --blue-primary: #0077B6;
    --blue-dark: #005a8c;
    --blue-light: #0096c7;
    --dark-900: #ffffff;
    --dark-800: #f6f8fa;
    --dark-700: #eef1f5;
    --dark-600: #e2e8f0;
    --light-100: #0a0a0f;
    --light-200: #1a1a24;
    --light-300: #2e2e3a;
    --light-400: #505060;
    --light-500: #707080;
}

[data-theme="light"] body {
    background: var(--dark-900);
    color: var(--light-300);
}

[data-theme="light"] nav {
    background: rgba(255, 255, 255, 0.92);
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .nav-links a { color: var(--light-400); }
[data-theme="light"] .nav-links a:hover,
[data-theme="light"] .nav-links a.active { color: var(--light-100); }

[data-theme="light"] .logo-text { color: var(--light-100); }
[data-theme="light"] .logo-text span { color: var(--light-500); }

[data-theme="light"] .nav-toggle span { background: var(--light-100); }

[data-theme="light"] .page-hero,
[data-theme="light"] .hero {
    background: linear-gradient(180deg, var(--dark-800) 0%, var(--dark-900) 100%);
    border-bottom-color: rgba(0, 119, 182, 0.15);
}

[data-theme="light"] .section-block.alt,
[data-theme="light"] .services-banner,
[data-theme="light"] .proof-strip,
[data-theme="light"] .cta-band {
    background: var(--dark-800);
}

[data-theme="light"] .proof-strip,
[data-theme="light"] .services-banner {
    border-color: rgba(0, 119, 182, 0.12);
}

[data-theme="light"] .pillar-tag,
[data-theme="light"] .services-banner-item,
[data-theme="light"] .service-card,
[data-theme="light"] .step-outcome {
    background: rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .services-banner-item:hover,
[data-theme="light"] .service-card:hover {
    background: rgba(0, 119, 182, 0.04);
    border-color: rgba(0, 119, 182, 0.2);
}

[data-theme="light"] .data-table th {
    background: var(--dark-700);
    color: var(--light-100);
}

[data-theme="light"] .data-table td {
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .form-row input,
[data-theme="light"] .form-row select,
[data-theme="light"] .form-row textarea {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.12);
    color: var(--light-100);
}

[data-theme="light"] .btn-secondary {
    border-color: rgba(0, 0, 0, 0.15);
    color: var(--light-200);
}

[data-theme="light"] footer {
    border-top-color: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .nav-links.active,
[data-theme="light"] .nav-links {
    background: var(--dark-900);
}

@media (max-width: 768px) {
    [data-theme="light"] .nav-links {
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
}