html { --app-bg:#f5f5f9; --app-surface:#fff; --app-surface-soft:#f8fafc; --app-text:#384551; --app-muted:#697a8d; --app-border:#e4e6e8; }
html.app-theme-dark { --app-bg:#0b1420; --app-surface:#142230; --app-surface-soft:#192a3a; --app-text:#e7eef6; --app-muted:#9db0c4; --app-border:#2b4052; }

html.app-theme-dark body,
html.app-theme-dark .layout-page,
html.app-theme-dark .content-wrapper,
html.app-theme-dark .container-xxl { background-color:var(--app-bg)!important;color:var(--app-text); }
html.app-theme-dark .card,
html.app-theme-dark .list-panel,
html.app-theme-dark .list-toolbar,
html.app-theme-dark .os-panel,
html.app-theme-dark .modal-content,
html.app-theme-dark .dropdown-menu,
html.app-theme-dark .offcanvas { background-color:var(--app-surface)!important;color:var(--app-text);border-color:var(--app-border)!important; }
html.app-theme-dark h1,html.app-theme-dark h2,html.app-theme-dark h3,html.app-theme-dark h4,html.app-theme-dark h5,html.app-theme-dark h6,
html.app-theme-dark .card-title,html.app-theme-dark label,html.app-theme-dark dt,html.app-theme-dark dd { color:var(--app-text)!important; }
html.app-theme-dark .text-muted,html.app-theme-dark p,html.app-theme-dark small { color:var(--app-muted)!important; }
html.app-theme-dark .table { --bs-table-color:var(--app-text);--bs-table-bg:transparent;--bs-table-border-color:var(--app-border); }
html.app-theme-dark .table thead th,
html.app-theme-dark .modern-table thead th,
html.app-theme-dark .os-modern-table thead th { background:var(--app-surface-soft)!important;color:var(--app-muted)!important;border-color:var(--app-border)!important; }
html.app-theme-dark .table tbody td { color:var(--app-text)!important;border-color:var(--app-border)!important; }
html.app-theme-dark input,html.app-theme-dark select,html.app-theme-dark textarea,
html.app-theme-dark .form-control,html.app-theme-dark .form-select,html.app-theme-dark .select2-selection { background-color:var(--app-surface-soft)!important;color:var(--app-text)!important;border-color:var(--app-border)!important; }
html.app-theme-dark .layout-navbar,html.app-theme-dark .bg-navbar-theme { background:var(--app-surface)!important;color:var(--app-text)!important; }
html.app-theme-dark .menu-vertical { background:var(--app-surface)!important; }
html.app-theme-dark .menu-link,html.app-theme-dark .navbar-nav .nav-link { color:var(--app-muted)!important; }
html.app-theme-dark .menu-item.active>.menu-link { color:#8b86ff!important; }

.theme-mode-toggle { display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--app-border);border-radius:12px;padding:.45rem .65rem;color:var(--app-text);background:var(--app-surface-soft);font-weight:800; }
.theme-mode-toggle i { font-size:1.15rem; }

html.app-theme-light .active-services-mobile { color:#243044; }
html.app-theme-light .active-services-mobile .tech-service-tabs a,
html.app-theme-light .active-services-mobile .tech-search-form,
html.app-theme-light .active-services-mobile .tech-service-card,
html.app-theme-light .active-services-mobile .tech-empty-state { background:#fff;color:#243044;border-color:#dce4ef;box-shadow:0 12px 28px rgba(15,23,42,.08); }
html.app-theme-light .active-services-mobile .tech-service-card strong,
html.app-theme-light .active-services-mobile .tech-section-heading h2 { color:#243044; }
html.app-theme-light .active-services-mobile .tech-service-card p,
html.app-theme-light .active-services-mobile .tech-service-meta span,
html.app-theme-light .active-services-mobile .tech-service-card__top span { color:#64748b; }
html.app-theme-light .active-services-mobile .tech-search-form input { color:#243044; }