html[data-theme="dark"] {
    color-scheme: dark;
    --lod-bg: #0f1216;
    --lod-surface: #171b21;
    --lod-surface-2: #1e232a;
    --lod-border: #2b323b;
    --lod-text: #e6e9ee;
    --lod-muted: #9aa4b2;
    --lod-blue: #00d4fc;
    --lod-blue-soft: #0a3a47;
    --lod-blue-strong: #7fe9ff;
    --lod-on-blue: #1d1d1b;
    --lod-green: #a9cbb9;
    --lod-link: #8ab4f8;
    --lod-accent: #6ea8fe;
    --lod-success: #4cc38a;
    --lod-danger: #f27d86;
    --lod-warning: #f5c451;
    --lod-axis-x: #ff7b7b;
    --lod-axis-y: #6fdc6f;
    --lod-axis-z: #7fa8ff;
    --lod-shadow: rgba(0, 0, 0, 0.5);
    --bs-border-color: var(--lod-border);
    --bs-gray-dark: var(--lod-text);
    --bs-gray: var(--lod-muted);
    --bs-secondary: #2b3a33;
    --bs-light: var(--lod-surface-2);
}

html[data-theme="dark"] body,
html[data-theme="dark"] body.design-lighter {
    background-color: var(--lod-bg);
    color: var(--lod-text);
}

html[data-theme="dark"] a {
    color: var(--lod-link);
}

html[data-theme="dark"] a:hover {
    color: var(--lod-text);
}

html[data-theme="dark"] .btn-link {
    color: var(--lod-link);
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .form-text {
    color: var(--lod-muted) !important;
}

html[data-theme="dark"] .text-dark:not(.badge):not(.bg-warning):not(.bg-secondary):not(.bg-info):not(.bg-light) {
    color: var(--lod-text) !important;
}

html[data-theme="dark"] .text-success {
    color: var(--lod-success) !important;
}

html[data-theme="dark"] .text-danger {
    color: var(--lod-danger) !important;
}

html[data-theme="dark"] .text-warning {
    color: var(--lod-warning) !important;
}

html[data-theme="dark"] hr {
    color: var(--lod-border);
    opacity: 1;
}

html[data-theme="dark"] body > header,
html[data-theme="dark"] body > header > #navbar,
html[data-theme="dark"] body:has(> main.home-page) > header {
    background-color: var(--lod-surface) !important;
    border-color: var(--lod-border);
}

html[data-theme="dark"] body > header {
    box-shadow: 0 2px 8px var(--lod-shadow);
}

html[data-theme="dark"] #navbar .navbar-nav .nav-link,
html[data-theme="dark"] #navbar .header-text-link,
html[data-theme="dark"] lod-viewer-header .header-text-link,
html[data-theme="dark"] #navbar .navbar-nav .nav-link.active {
    color: var(--lod-text);
}

html[data-theme="dark"] #navbar .navbar-nav .nav-link:hover,
html[data-theme="dark"] #navbar .header-text-link:hover,
html[data-theme="dark"] lod-viewer-header .header-text-link:hover {
    color: var(--lod-muted);
}

html[data-theme="dark"] .navbar-toggler {
    border-color: var(--lod-border);
}

html[data-theme="dark"] .navbar-toggler-icon {
    filter: invert(1);
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .popover {
    background-color: var(--lod-surface);
    color: var(--lod-text);
    border-color: var(--lod-border);
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
    background-color: var(--lod-surface-2) !important;
    color: var(--lod-text);
    border-color: var(--lod-border);
}

html[data-theme="dark"] .add_card,
html[data-theme="dark"] .projets {
    background-color: var(--lod-surface-2) !important;
    color: var(--lod-text);
}

html[data-theme="dark"] .titre {
    color: var(--lod-text);
}

html[data-theme="dark"] .dropdown-menu {
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
    border-color: var(--lod-border);
    box-shadow: 0 6px 18px var(--lod-shadow);
}

html[data-theme="dark"] .dropdown-item {
    color: var(--lod-text);
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
    background-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] .dropdown-item.active,
html[data-theme="dark"] .dropdown-item:active {
    background-color: var(--lod-accent);
    color: #0f1216;
}

html[data-theme="dark"] .dropdown-divider {
    border-color: var(--lod-border);
}

html[data-theme="dark"] .table {
    --bs-table-striped-color: var(--lod-text);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.04);
    --bs-table-active-color: var(--lod-text);
    --bs-table-active-bg: rgba(255, 255, 255, 0.08);
    --bs-table-hover-color: var(--lod-text);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.06);
    color: var(--lod-text);
    border-color: var(--lod-border);
}

html[data-theme="dark"] .table > :not(caption) > * > * {
    border-bottom-color: var(--lod-border);
}

html[data-theme="dark"] .table thead th {
    background-color: var(--lod-surface-2);
    color: var(--lod-muted);
    border-bottom-color: var(--lod-border);
}

html[data-theme="dark"] .table-light,
html[data-theme="dark"] .table-light > th,
html[data-theme="dark"] .table-light > td {
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
    border-color: var(--lod-border);
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .input-group-text {
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
    border-color: var(--lod-border);
}

html[data-theme="dark"] .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239aa4b2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

html[data-theme="dark"] .form-control::placeholder {
    color: var(--lod-muted);
    opacity: 1;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
    border-color: var(--lod-accent);
    box-shadow: 0 0 0 0.2rem rgba(110, 168, 254, 0.25);
}

html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-control[readonly],
html[data-theme="dark"] .form-select:disabled {
    background-color: var(--lod-surface);
    color: var(--lod-muted);
}

html[data-theme="dark"] .form-check-input {
    background-color: var(--lod-surface-2);
    border-color: var(--lod-muted);
}

html[data-theme="dark"] .form-check-input:checked {
    background-color: var(--lod-accent);
    border-color: var(--lod-accent);
}

html[data-theme="dark"] .form-check-input:focus {
    border-color: var(--lod-accent);
    box-shadow: 0 0 0 0.2rem rgba(110, 168, 254, 0.25);
}

html[data-theme="dark"] .form-switch .form-check-input:not(:checked) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239aa4b2'/%3e%3c/svg%3e");
}

html[data-theme="dark"] .form-check-label {
    color: var(--lod-text);
}

html[data-theme="dark"] .ts-wrapper .ts-control,
html[data-theme="dark"] .ts-wrapper.single.input-active .ts-control,
html[data-theme="dark"] .ts-wrapper.full .ts-control {
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
    border-color: var(--lod-border);
}

html[data-theme="dark"] .ts-control,
html[data-theme="dark"] .ts-control input,
html[data-theme="dark"] .ts-wrapper.single .ts-control .item {
    color: var(--lod-text);
}

html[data-theme="dark"] .ts-control input::placeholder {
    color: var(--lod-muted);
}

html[data-theme="dark"] .ts-wrapper.multi .ts-control > div {
    background: var(--lod-border);
    color: var(--lod-text);
    border-color: var(--lod-border);
}

html[data-theme="dark"] .ts-wrapper.multi .ts-control > div.active {
    background: var(--lod-accent);
    color: #0f1216;
}

html[data-theme="dark"] .ts-dropdown,
html[data-theme="dark"] .ts-dropdown.form-control,
html[data-theme="dark"] lod-search-bar .ts-control,
html[data-theme="dark"] lod-search-bar .ts-dropdown {
    background: var(--lod-surface-2);
    color: var(--lod-text);
    border-color: var(--lod-border);
    box-shadow: 0 6px 18px var(--lod-shadow);
}

html[data-theme="dark"] .ts-dropdown .option,
html[data-theme="dark"] .ts-dropdown .optgroup-header,
html[data-theme="dark"] .ts-dropdown .no-results,
html[data-theme="dark"] .ts-dropdown .create {
    color: var(--lod-text);
    background: transparent;
}

html[data-theme="dark"] .ts-dropdown .active {
    background-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] .ts-dropdown [data-selectable].option:hover {
    background-color: var(--lod-border);
}

html[data-theme="dark"] .ts-dropdown .optgroup-header {
    color: var(--lod-muted);
}

html[data-theme="dark"] .ts-wrapper.single .ts-control::after {
    border-color: var(--lod-muted) transparent transparent transparent;
}

html[data-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .btn-outline-primary,
html[data-theme="dark"] .btn-outline-dark,
html[data-theme="dark"] .btn-outline-light {
    color: var(--lod-text) !important;
    border-color: var(--lod-muted);
    background-color: transparent;
}

html[data-theme="dark"] .btn-outline-secondary:hover,
html[data-theme="dark"] .btn-outline-primary:hover,
html[data-theme="dark"] .btn-outline-dark:hover,
html[data-theme="dark"] .btn-outline-light:hover,
html[data-theme="dark"] .btn-check:checked + .btn-outline-secondary,
html[data-theme="dark"] .btn-check:checked + .btn-outline-primary,
html[data-theme="dark"] .btn-outline-secondary.active,
html[data-theme="dark"] .btn-outline-primary.active {
    background-color: var(--lod-border);
    border-color: var(--lod-muted);
    color: var(--lod-text) !important;
}

html[data-theme="dark"] .btn-outline-danger {
    color: var(--lod-danger);
    border-color: var(--lod-danger);
}

html[data-theme="dark"] .btn-outline-danger:hover {
    background-color: var(--lod-danger);
    color: #0f1216;
}

html[data-theme="dark"] .btn-outline-success {
    color: var(--lod-success);
    border-color: var(--lod-success);
}

html[data-theme="dark"] .btn-outline-success:hover {
    background-color: var(--lod-success);
    color: #0f1216;
}

html[data-theme="dark"] .btn-light {
    background-color: var(--lod-surface-2);
    border-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] .btn-light:hover {
    background-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html[data-theme="dark"] .lod-tools-panel .btn,
html[data-theme="dark"] .lod-toolbar-panel .btn {
    color: var(--lod-text) !important;
}

html[data-theme="dark"] .badge:not(.text-white):not(.text-dark):not(.bg-info):not(.bg-warning) {
    color: var(--lod-text) !important;
    background-color: var(--lod-border);
}

html[data-theme="dark"] .alert {
    border-color: var(--lod-border);
}

html[data-theme="dark"] .alert-success {
    background-color: rgba(76, 195, 138, 0.14);
    border-color: rgba(76, 195, 138, 0.4);
    color: #8fe0b8;
}

html[data-theme="dark"] .alert-danger {
    background-color: rgba(242, 125, 134, 0.14);
    border-color: rgba(242, 125, 134, 0.4);
    color: #f7a8ae;
}

html[data-theme="dark"] .alert-warning {
    background-color: rgba(245, 196, 81, 0.14);
    border-color: rgba(245, 196, 81, 0.4);
    color: #f8d98a;
}

html[data-theme="dark"] .alert-info {
    background-color: rgba(110, 168, 254, 0.14);
    border-color: rgba(110, 168, 254, 0.4);
    color: #a9c9fe;
}

html[data-theme="dark"] .alert .alert-link {
    color: inherit;
}

html[data-theme="dark"] .list-group-item {
    background-color: var(--lod-surface);
    color: var(--lod-text);
    border-color: var(--lod-border);
}

html[data-theme="dark"] .list-group-item-action:hover,
html[data-theme="dark"] .list-group-item-action:focus {
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
}

html[data-theme="dark"] .list-group-item.active {
    background-color: var(--lod-border);
    border-color: var(--lod-muted);
    color: var(--lod-text) !important;
}

html[data-theme="dark"] code,
html[data-theme="dark"] kbd {
    color: #f0a8c4;
}

html[data-theme="dark"] pre {
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
    border: 1px solid var(--lod-border);
    border-radius: 0.375rem;
    padding: 0.75rem;
}

html[data-theme="dark"] .tooltip-inner {
    background-color: #e6e9ee;
    color: #0f1216;
}

html[data-theme="dark"] .tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #e6e9ee;
}

html[data-theme="dark"] .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #e6e9ee;
}

html[data-theme="dark"] .page-link {
    background-color: var(--lod-surface);
    border-color: var(--lod-border);
    color: var(--lod-link);
}

html[data-theme="dark"] .page-link:hover {
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
}

html[data-theme="dark"] .page-item.active .page-link {
    background-color: var(--lod-accent);
    border-color: var(--lod-accent);
    color: #0f1216;
}

html[data-theme="dark"] .page-item.disabled .page-link {
    background-color: var(--lod-surface);
    border-color: var(--lod-border);
    color: var(--lod-muted);
}

html[data-theme="dark"] .nav-tabs {
    border-color: var(--lod-border);
}

html[data-theme="dark"] .nav-tabs .nav-link.active {
    background-color: var(--lod-surface);
    border-color: var(--lod-border) var(--lod-border) var(--lod-surface);
    color: var(--lod-text);
}

html[data-theme="dark"] .toast {
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
    border-color: var(--lod-border);
}

html[data-theme="dark"] .progress {
    background-color: var(--lod-surface-2);
}

html[data-theme="dark"] .hover-image,
html[data-theme="dark"] .lod-wheel-folder-popup {
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
}

html[data-theme="dark"] .back-to-top-button {
    background-color: var(--lod-surface-2);
    border-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] .back-to-top-button:hover {
    background-color: var(--lod-border);
}

html[data-theme="dark"] .upload-zone {
    background-color: var(--lod-surface);
    border-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] lod-viewer-detail .lod-detail-panel {
    background: var(--lod-surface);
}

html[data-theme="dark"] lod-viewer-detail .lod-detail-row .label,
html[data-theme="dark"] lod-viewer-detail .lod-detail-row-name .value {
    color: var(--lod-text);
}

html[data-theme="dark"] lod-viewer-detail .lod-detail-row-name,
html[data-theme="dark"] lod-viewer-detail .lod-vector-title,
html[data-theme="dark"] lod-viewer-detail .lod-vector-heading,
html[data-theme="dark"] lod-viewer-detail .lod-detail-actions button,
html[data-theme="dark"] lod-viewer-detail .lod-row-btn,
html[data-theme="dark"] lod-viewer-entity .lod-row-btn,
html[data-theme="dark"] lod-viewer-entity .lod-entity-empty,
html[data-theme="dark"] lod-project-settings .lod-detail-row .label {
    color: var(--lod-muted);
}

html[data-theme="dark"] lod-viewer-detail .lod-detail-actions button:focus-visible {
    background: var(--lod-surface-2);
    color: var(--lod-text);
}

html[data-theme="dark"] lod-viewer-entity .lod-row-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: var(--lod-text);
}

html[data-theme="dark"] lod-viewer-entity .lod-node-row {
    color: var(--lod-text);
}

html[data-theme="dark"] lod-project-settings #settings_thumbnail {
    background: var(--lod-surface-2);
}

html[data-theme="dark"] .group-card .btn-link {
    color: var(--lod-text);
}

html[data-theme="dark"] .group-balance.btn-link:hover {
    color: var(--lod-blue-strong);
}

html[data-theme="dark"] .group-logo {
    background: var(--lod-text);
    padding: 0.25rem;
}

html[data-theme="dark"] .group-table thead th {
    background-color: transparent;
}

html[data-theme="dark"] .group-projects .list-group-item {
    background: transparent;
}

html[data-theme="dark"] .group-projects .list-group-item:hover {
    background: var(--lod-surface-2);
}

html[data-theme="dark"] ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--lod-bg);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--lod-border);
    border: 3px solid var(--lod-bg);
    border-radius: 8px;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--lod-muted);
}

html[data-theme="dark"] * {
    scrollbar-color: var(--lod-border) var(--lod-bg);
}

html[data-theme="dark"] #viewer_container {
    background: var(--lod-bg) !important;
}

html[data-theme="dark"] .lod-header-panel .btn-secondary {
    background-color: var(--lod-surface-2);
    border-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] .lod-header-panel .btn-secondary:hover {
    background-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] :is(.lod-tools-panel, .lod-toolbar-panel, .lod-tools-add) {
    --bs-card-bg: var(--lod-surface-2);
}

html[data-theme="dark"] :is(.lod-tools-panel, .lod-toolbar-panel, .lod-tools-add, .lod-header-panel, .lod-entity-search) .btn-outline-secondary:not(.active):not(:hover) {
    background-color: var(--lod-surface-2);
    border-color: var(--lod-border);
}

html[data-theme="dark"] :is(.lod-tools-panel, .lod-toolbar-panel, .lod-tools-add, .lod-header-panel, .lod-entity-search) .btn-outline-secondary:hover:not(.active) {
    background-color: var(--lod-border);
}

html[data-theme="dark"] :is(.lod-tools-panel, .lod-toolbar-panel) .btn-outline-secondary.active,
html[data-theme="dark"] :is(.lod-tools-panel, .lod-toolbar-panel) .btn-outline-secondary.active:hover {
    color: #1a1a1a !important;
    border-color: var(--bs-primary);
}

html[data-theme="dark"] .toast.bg-warning .btn-outline-dark {
    color: #1a1a1a !important;
    border-color: #1a1a1a;
}

html[data-theme="dark"] .toast.bg-warning .btn-outline-dark:hover {
    background-color: #1a1a1a;
    color: var(--lod-warning) !important;
}

html[data-theme="dark"] :is(lod-viewer-context-info, #showTips, #tags_visual, #tags_form).bg-light,
html[data-theme="dark"] lod-viewer-context-info .bg-light {
    background-color: var(--lod-surface-2) !important;
    color: var(--lod-text);
}

html[data-theme="dark"] #hidden-until-entity-potree {
    background: color-mix(in srgb, var(--lod-bg) 90%, transparent) !important;
    color: var(--lod-text);
}

html[data-theme="dark"] lod-viewer-entity .lod-entity-search .input-group,
html[data-theme="dark"] lod-viewer-entity .lod-entity-block,
html[data-theme="dark"] lod-viewer-entity .lod-entity-list > .lod-entity-empty {
    background-color: var(--lod-surface-2);
    border-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] .lod-state-card {
    background-color: var(--lod-surface-2);
    border-color: var(--lod-border);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .lod-state-title {
    color: var(--lod-text);
}

html[data-theme="dark"] .lod-state-help {
    color: var(--lod-muted);
}

html[data-theme="dark"] lod-pin-files-viewer :is(.lod-wheel-hub-close, .lod-wheel-item) {
    background: color-mix(in srgb, var(--lod-surface-2) 95%, transparent);
    border-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] lod-viewer-detail .lod-detail-row-name {
    border-bottom-color: var(--lod-border);
}

html[data-theme="dark"] lod-viewer-detail .lod-proportions input:checked + .mdi {
    background: rgba(76, 195, 138, 0.18);
    color: var(--lod-success);
}

html[data-theme="dark"] .lod-dropzone.lod-dropzone-active {
    background-color: rgba(110, 168, 254, 0.14);
}

html[data-theme="dark"] .home-page :is(#hero, #benefits, #optimization, #how-it-works, #pricing, #cta) {
    --home-ink: #e6e9ee;
    --home-paper: #0f1216;
    --home-muted: #9aa4b2;
    color: var(--home-ink);
}

html[data-theme="dark"] .home-page #hero,
html[data-theme="dark"] .home-page #how-it-works,
html[data-theme="dark"] .home-page #cta {
    --section-background: #171b21;
}

html[data-theme="dark"] .home-page #benefits,
html[data-theme="dark"] .home-page #optimization,
html[data-theme="dark"] .home-page #pricing {
    --section-background: #0f1216;
}

html[data-theme="dark"] .home-page :is(.optimization__devices, .optimization__profile, .pricing__package, .pricing__package--best, .pricing__consumption, .pricing__modes article) {
    background: var(--lod-surface-2);
    border-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] .home-page {
    --home-on-yellow: #1a1a1a;
}

html[data-theme="dark"] body > header .btn-black {
    background-color: var(--lod-surface-2);
    border-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] body > header .btn-black:hover {
    background-color: var(--lod-border);
    color: var(--lod-text);
}

html[data-theme="dark"] .back-to-top-button {
    border-color: var(--lod-border);
    background-color: var(--lod-surface-2);
    color: var(--lod-text);
}

html[data-theme="dark"] .back-to-top-button:hover {
    background-color: var(--lod-border);
}

html[data-theme="dark"] .home-page {
    background: var(--lod-bg);
}

html[data-theme="dark"] .home-page > section:nth-of-type(even):not(#benefits):not(#use-cases):not(#references):not(#helodee)::before {
    background-image:
        linear-gradient(30deg, transparent 49.7%, rgb(255 255 255 / 4%) 50%, transparent 50.3%),
        linear-gradient(150deg, transparent 49.7%, rgb(255 255 255 / 4%) 50%, transparent 50.3%);
}

html[data-theme="dark"] .home-page .home-eyebrow {
    color: var(--lod-success);
}

html[data-theme="dark"] .home-page #hero::after {
    background: color-mix(in srgb, var(--lod-surface) 76%, transparent);
}

html[data-theme="dark"] .home-page .home-button {
    --button-text: var(--home-on-yellow);
}

html[data-theme="dark"] .home-page .home-button:not(:disabled):not([aria-disabled="true"]):hover {
    color: var(--home-on-yellow);
}

html[data-theme="dark"] .home-page #viewer {
    --section-background: var(--lod-bg);
    --home-ink: #e6e9ee;
    --home-muted: #9aa4b2;
    color: var(--lod-text);
}

html[data-theme="dark"] .home-page #viewer::after {
    background: var(--lod-surface);
}

html[data-theme="dark"] .home-page #viewer .viewer-keywords li {
    border-bottom-color: var(--lod-border);
}

html[data-theme="dark"] .home-page #viewer .viewer-demo-chapter[aria-pressed="true"],
html[data-theme="dark"] .home-page #viewer .viewer-demo-chapter[aria-pressed="false"]:hover {
    color: var(--home-on-yellow);
}

html[data-theme="dark"] .home-page #viewer .viewer-demo-chapter[aria-pressed="false"] {
    --button-color: var(--home-paper);
    --button-text: var(--home-paper);
    --button-border: rgb(255 255 255 / 55%);
}

html[data-theme="dark"] .home-page #benefits li {
    border-color: var(--lod-border);
    background: var(--lod-surface-2);
}

html[data-theme="dark"] .home-page #benefits li > i {
    background: var(--lod-border);
    color: var(--lod-success);
}

html[data-theme="dark"] .home-page #benefits .home-visual {
    background: var(--lod-surface-2);
}

html[data-theme="dark"] .home-page #focus-3d .focus-3d__card {
    background: var(--lod-surface-2);
    color: var(--lod-text);
}

html[data-theme="dark"] .home-page #focus-3d .focus-3d__card h3 {
    color: var(--lod-text);
}

html[data-theme="dark"] .home-page #focus-3d .focus-3d__card p {
    color: var(--lod-muted);
}

html[data-theme="dark"] .home-page #focus-3d .focus-3d__number {
    color: var(--lod-success);
}

html[data-theme="dark"] .home-page #focus-3d .focus-3d__visual {
    border-color: var(--lod-border);
    background: var(--lod-surface);
}

html[data-theme="dark"] .home-page .use-cases-carousel__surface {
    border-color: var(--lod-border);
    background: var(--lod-surface-2);
}

html[data-theme="dark"] .home-page .use-cases-carousel__window {
    border-color: var(--lod-border);
    background: var(--lod-surface);
}

html[data-theme="dark"] .home-page .use-cases-carousel__toolbar {
    border-bottom-color: var(--lod-border);
    background: color-mix(in srgb, var(--lod-surface) 86%, transparent);
    color: var(--lod-muted);
}

html[data-theme="dark"] .home-page .use-cases-carousel__toolbar > span {
    background: var(--lod-border);
}

html[data-theme="dark"] .home-page .use-cases-carousel__toolbar > span:first-child {
    background: #a8586a;
}

html[data-theme="dark"] .home-page .use-cases-carousel__poi {
    border-color: rgb(229 155 176 / 35%);
    background: #3b2a30;
    color: #f2c9d3;
}

html[data-theme="dark"] .home-page .use-cases-carousel__poi i {
    color: #e59bb0;
}

html[data-theme="dark"] .home-page .optimization__devices,
html[data-theme="dark"] .home-page .optimization__profile .home-eyebrow {
    color: var(--lod-success);
}

html[data-theme="dark"] .home-page .optimization__conditions {
    border-top-color: var(--lod-border);
}

html[data-theme="dark"] .home-page .how-it-works__steps li {
    background: var(--lod-surface-2);
}

html[data-theme="dark"] .home-page .how-it-works__number {
    color: var(--home-on-yellow);
}

html[data-theme="dark"] .home-page .pricing__rates > div {
    border-bottom-color: var(--lod-border);
}

html[data-theme="dark"] .home-page .pricing__example {
    border-color: var(--lod-border);
}

html[data-theme="dark"] .home-page .pricing__badge {
    background: var(--lod-success);
    color: #0f1216;
}

html[data-theme="dark"] a.btn-primary,
html[data-theme="dark"] a.btn-primary:hover,
html[data-theme="dark"] a.btn-warning,
html[data-theme="dark"] a.btn-warning:hover,
html[data-theme="dark"] .nav-pills .nav-link.active,
html[data-theme="dark"] .nav-link.active.bg-primary {
    color: #1a1a1a;
}

html[data-theme="dark"] .badge.bg-info,
html[data-theme="dark"] .badge.bg-warning {
    color: #1a1a1a !important;
}

html[data-theme="dark"] lod-viewer-toolbar .lod-toolbar-panel,
html[data-theme="dark"] lod-viewer-mode-toggle .lod-toolbar-panel,
html[data-theme="dark"] lod-viewer-tools .lod-tools-panel,
html[data-theme="dark"] lod-viewer-tools .lod-tools-measure-menu {
    background-color: transparent;
    border: 0;
    box-shadow: none !important;
}

@media (min-width: 769px) {
    html[data-theme="dark"] lod-viewer-entity .lod-entity-panel {
        background-color: transparent;
        border: 0;
        box-shadow: none !important;
    }
}

.lod-logo-dark {
    display: none;
}

html[data-theme="dark"] .lod-logo-dark {
    display: inline;
}

html[data-theme="dark"] .lod-logo-light {
    display: none;
}