:root { color-scheme: dark; }

.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 10px;
    border: 1px solid var(--line, #20334d);
    border-radius: 9px;
    color: var(--text, var(--ink, #f4f7fb));
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    background: var(--panel-soft, var(--soft, var(--panel, #101b2b)));
}
.theme-toggle:hover { border-color: var(--accent, var(--blue, #3fc4f2)); }
.theme-toggle-floating { position: fixed; z-index: 50; right: 20px; bottom: 20px; box-shadow: 0 12px 28px #0003; }

html[data-theme="light"] {
    color-scheme: light;
    --bg: #f4f7fb;
    --panel: #ffffff;
    --panel-soft: #edf3f8;
    --soft: #edf3f8;
    --line: #d3dee9;
    --text: #182433;
    --ink: #182433;
    --muted: #5f7287;
    --accent: #087ab8;
    --blue: #087ab8;
    --accent-strong: #1769d1;
    --primary: #1769d1;
}

html[data-theme="light"] body { color: var(--text, var(--ink)); background: var(--bg); }
html[data-theme="light"] .sidebar,
html[data-theme="light"] .business-sidebar,
html[data-theme="light"] .topbar,
html[data-theme="light"] .business-topbar,
html[data-theme="light"] .site-header,
html[data-theme="light"] .auth-header { background: #ffffffed !important; }
html[data-theme="light"] .sidebar-brand,
html[data-theme="light"] .sidebar-brand,
html[data-theme="light"] .business-sidebar .sidebar-brand { color: var(--text) !important; }
html[data-theme="light"] .nav-item,
html[data-theme="light"] .side-link { color: #40566c; }
html[data-theme="light"] .nav-item:hover,
html[data-theme="light"] .nav-item.active,
html[data-theme="light"] .side-link:hover,
html[data-theme="light"] .side-link.active { color: #122033; background: #e6eff8; }
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .form-card input,
html[data-theme="light"] .modal input,
html[data-theme="light"] .modal select,
html[data-theme="light"] .business-topbar select,
html[data-theme="light"] .resource-actions input,
html[data-theme="light"] .register-card input { color: var(--text) !important; background: #ffffff !important; }
html[data-theme="light"] .login-page,
html[data-theme="light"] .center-screen,
html[data-theme="light"] .auth-page { background-color: #edf4fb !important; }
html[data-theme="light"] .login-card,
html[data-theme="light"] .form-card,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .admin-dialog,
html[data-theme="light"] .dialog-heading,
html[data-theme="light"] .dialog-footer,
html[data-theme="light"] .business-panel,
html[data-theme="light"] .summary-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .register-card { color: var(--text); background: #ffffff !important; box-shadow: 0 18px 50px #1e3a5a18; }
html[data-theme="light"] .welcome-panel,
html[data-theme="light"] .dashboard-hero { background: linear-gradient(120deg, #eef7ff, #f8fbff) !important; }
html[data-theme="light"] th { background: #edf3f8 !important; }
html[data-theme="light"] tbody tr:hover { background: #f0f6fb !important; }
html[data-theme="light"] .product-card,
html[data-theme="light"] .floating-card,
html[data-theme="light"] .benefit-grid article,
html[data-theme="light"] .plan-card,
html[data-theme="light"] .steps article { color: var(--ink); background: #ffffff !important; box-shadow: 0 18px 45px #1e3a5a16; }
html[data-theme="light"] .plans-section,
html[data-theme="light"] .proof-bar { background: #edf4fa !important; }
html[data-theme="light"] .secondary-link,
html[data-theme="light"] .site-header nav,
html[data-theme="light"] .register-copy ul,
html[data-theme="light"] .plan-card ul { color: #40566c; }
html[data-theme="light"] .metric-row div { background: #f7faff; }
html[data-theme="light"] .final-cta { background: linear-gradient(135deg, #dceeff, #eae5ff) !important; }
html[data-theme="light"] .final-cta > p:not(.eyebrow) { color: #36506b; }