:root.theme-auto,
:root.theme-dark,
:root.theme-light,
:root.theme-black {
    --color-base-font: #cdd6f4;
    --color-base-font-rgb: 205, 214, 244;
    --color-base-background: #11111b;
    --color-base-background-mobile: #11111b;
    --color-url-font: #b4befe;
    --color-url-visited-font: #cba6f7;
    --color-header-background: #11111b;
    --color-header-border: #181825;
    --color-footer-background: #11111b;
    --color-footer-border: #181825;
    --color-sidebar-border: #181825;
    --color-sidebar-font: #cdd6f4;
    --color-sidebar-background: #11111b;
    --color-backtotop-font: #bac2de;
    --color-backtotop-border: #313244;
    --color-backtotop-background: #313244;
    --color-btn-background: #b4befe;
    --color-btn-font: #11111b;
    --color-show-btn-background: #45475a;
    --color-show-btn-font: #cdd6f4;
    --color-search-border: #313244;
    --color-search-shadow: 0 2px 8px #11111b;
    --color-search-background: #181825;
    --color-search-font: #cdd6f4;
    --color-search-background-hover: #b4befe;
    --color-error: #f38ba8;
    --color-error-background: #313244;
    --color-warning: #f9e2af;
    --color-warning-background: #313244;
    --color-success: #a6e3a1;
    --color-success-background: #313244;
    --color-categories-item-selected-font: #cdd6f4;
    --color-categories-item-border-selected: #cba6f7;
    --color-categories-item-border: #313244;
    --color-categories-item-font: #bac2de;
    --color-autocomplete-font: #bac2de;
    --color-autocomplete-border: #313244;
    --color-autocomplete-shadow: 0 2px 8px #11111b;
    --color-autocomplete-background: #181825;
    --color-autocomplete-background-hover: #313244;
    --color-answer-font: #cdd6f4;
    --color-answer-background: #181825;
    --color-result-keyvalue-col-table: #181825;
    --color-result-keyvalue-odd: #181825;
    --color-result-keyvalue-even: #11111b;
    --color-result-background: #181825;
    --color-result-border: #11111b;
    --color-result-url-font: #bac2de;
    --color-result-vim-selected: #313244;
    --color-result-vim-arrow: #b4befe;
    --color-result-description-highlight-font: #cdd6f4;
    --color-result-link-font: #b4befe;
    --color-result-link-font-highlight: #b4befe;
    --color-result-link-visited-font: #cba6f7;
    --color-result-publishdate-font: #585b70;
    --color-result-engines-font: #585b70;
    --color-result-search-url-border: #313244;
    --color-result-search-url-font: #cdd6f4;
    --color-result-detail-font: #cdd6f4;
    --color-result-detail-label-font: #45475a;
    --color-result-detail-background: #11111b;
    --color-result-detail-hr: #313244;
    --color-result-detail-link: #b4befe;
    --color-result-image-span-font: #cdd6f4;
    --color-result-image-span-font-selected: #11111b;
    --color-result-image-background: #181825;
    --color-settings-tr-hover: #313244;
    --color-settings-engine-description-font: #bac2de;
    --color-settings-table-group-background: #1e1e2e;
    --color-toolkit-badge-font: #cdd6f4;
    --color-toolkit-badge-background: #313244;
    --color-toolkit-kbd-font: #cdd6f4;
    --color-toolkit-kbd-background: #181825;
    --color-toolkit-dialog-border: #313244;
    --color-toolkit-dialog-background: #181825;
    --color-toolkit-tabs-label-border: #11111b;
    --color-toolkit-tabs-section-border: #313244;
    --color-toolkit-select-background: #313244;
    --color-toolkit-select-border: #313244;
    --color-toolkit-select-background-hover: #45475a;
    --color-toolkit-input-text-font: #cdd6f4;
    --color-toolkit-checkbox-onoff-off-background: #313244;
    --color-toolkit-checkbox-onoff-on-background: #313244;
    --color-toolkit-checkbox-onoff-on-mark-background: #a6e3a1;
    --color-toolkit-checkbox-onoff-on-mark-color: #181825;
    --color-toolkit-checkbox-onoff-off-mark-background: #f38ba8;
    --color-toolkit-checkbox-onoff-off-mark-color: #181825;
    --color-toolkit-checkbox-label-background: #181825;
    --color-toolkit-checkbox-label-border: #313244;
    --color-toolkit-checkbox-input-border: #89b4fa;
    --color-toolkit-engine-tooltip-border: #313244;
    --color-toolkit-engine-tooltip-background: #313244;
    --color-toolkit-loader-border: rgba(205, 214, 244, 0.2);
    --color-toolkit-loader-borderleft: #11111b;
    --color-doc-code: #f5e0dc;
    --color-doc-code-background: #181825;
    --color-favicon-background-color: #313244;
    --color-favicon-border-color: #45475a;
    --color-bar-chart-primary: #89b4fa;
    --color-bar-chart-secondary: #f9e2af;
    --color-image-resolution-background: rgba(17, 17, 27, 0.85);
    --color-image-resolution-font: #cdd6f4;
    --color-loading-indicator: rgba(205, 214, 244, 0.2);
    --color-loading-indicator-gap: #cdd6f4;
    --color-line-number: #585b70;
}

.index .title {
    background-image: url("img/infoparity-logo.svg") !important;
    min-height: 4rem;
    margin: 4rem auto;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.index h1 {
    visibility: hidden;
}

#search_logo svg,
#search_logo * {
    display: none !important;
}

/* Hide the landing-page title logo so only #search_logo appears above the search bar */
.index .title {
    display: none !important;
}

/* Landing page: large logo centered above search bar */
.index #search_logo {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 120px;
    margin: 4rem auto;
    padding: 0;
}

.index #search_logo::before {
    content: "";
    display: inline-block;
    width: 52px;
    height: 52px;
    background-image: url("img/creative-heaven-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* Results page: small icon to the left of the search bar
   Let upstream handle the flex/grid container; just inject the icon */
.results_endpoint #search_logo::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("img/creative-heaven-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}