:root {
    --app-bg: #f8f9fa;
    --app-body-color: #212529;
    --app-sidebar-bg: #ffffff;
    --app-card-bg: #ffffff;
    --app-border-color: #dee2e6;
}

[data-theme="dark"] {
    --app-bg: #121416;
    --app-body-color: #e9ecef;
    --app-sidebar-bg: #1a1d21;
    --app-card-bg: #1e2227;
    --app-border-color: #343a40;
    color-scheme: dark;
}

[data-theme="dark"] body {
    background-color: var(--app-bg) !important;
    color: var(--app-body-color);
}

[data-theme="dark"] .sidebar,
[data-theme="dark"] .card,
[data-theme="dark"] .offcanvas,
[data-theme="dark"] .list-group-item,
[data-theme="dark"] .table,
[data-theme="dark"] .dropdown-menu {
    background-color: var(--app-card-bg) !important;
    color: var(--app-body-color);
    border-color: var(--app-border-color);
}

[data-theme="dark"] .sidebar .nav-link {
    color: #ced4da;
}

[data-theme="dark"] .sidebar .nav-link:hover,
[data-theme="dark"] .sidebar .nav-link.active {
    background-color: #2b3035;
    color: #6ee7b7;
}

[data-theme="dark"] .table-light {
    --bs-table-bg: #2b3035;
    --bs-table-color: #e9ecef;
}

[data-theme="dark"] .text-muted {
    color: #adb5bd !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: #2b3035;
    border-color: #495057;
    color: #e9ecef;
}

[data-theme="dark"] .navbar-marketing {
    background: linear-gradient(135deg, #0d5c54 0%, #1a7a4c 100%) !important;
}

[data-theme="dark"] .marketing-footer {
    background-color: var(--app-card-bg) !important;
    border-top-color: var(--app-border-color) !important;
    color: #adb5bd;
}

[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #0d5c54 0%, #1a7a4c 100%) !important;
}

[data-theme="dark"] .bg-white {
    background-color: var(--app-card-bg) !important;
    color: var(--app-body-color);
}

[data-theme="dark"] .marketing-page {
    background-color: var(--app-bg);
    color: var(--app-body-color);
}

[data-theme="dark"] .bg-light {
    background-color: #1a1d21 !important;
    color: var(--app-body-color);
}

[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom {
    border-color: var(--app-border-color) !important;
}

[data-theme="dark"] .marketing-page .card {
    background-color: var(--app-card-bg) !important;
    color: var(--app-body-color);
    border-color: var(--app-border-color);
}

[data-theme="dark"] .marketing-page h1,
[data-theme="dark"] .marketing-page h2,
[data-theme="dark"] .marketing-page h3,
[data-theme="dark"] .marketing-page h4,
[data-theme="dark"] .marketing-page h5,
[data-theme="dark"] .marketing-page h6 {
    color: var(--app-body-color);
}

[data-theme="dark"] .hero .card.text-dark,
[data-theme="dark"] .hero .card.text-dark .list-unstyled {
    color: var(--app-body-color) !important;
}