/* psb. search — brand theme, matches psbhatnagar.in palette */

:root.theme-dark {
  --color-base-font: #f3f3f8;
  --color-base-background: #0d0d12;
  --color-base-background-mobile: #0d0d12;
  --color-url-font: #a79dff;
  --color-url-visited-font: #c3b8ff;
  --color-header-background: #16161e;
  --color-header-border: #26262f;
  --color-footer-background: #16161e;
  --color-footer-border: #26262f;
  --color-sidebar-border: #26262f;
  --color-sidebar-font: #f3f3f8;
  --color-sidebar-background: #16161e;
  --color-backtotop-font: #9a9aa6;
  --color-backtotop-border: #26262f;
  --color-backtotop-background: #16161e;
  --color-btn-background: #7669ff;
  --color-btn-font: #f3f3f8;
  --color-show-btn-background: #26262f;
  --color-show-btn-font: #f3f3f8;
  --color-search-border: #26262f;
  --color-search-shadow: 0 8px 24px rgba(0,0,0,0.4);
  --color-search-background: #16161e;
  --color-search-font: #f3f3f8;
  --color-search-background-hover: #7669ff;
  --color-categories-item-selected-font: #a79dff;
  --color-categories-item-border-selected: #7669ff;
  --color-autocomplete-font: #f3f3f8;
  --color-autocomplete-border: #26262f;
  --color-autocomplete-shadow: 0 8px 24px rgba(0,0,0,0.4);
  --color-autocomplete-background: #16161e;
  --color-autocomplete-background-hover: #1d1c30;
  --color-answer-font: #f3f3f8;
  --color-answer-background: #16161e;
  --color-result-keyvalue-col-table: #16161e;
  --color-result-keyvalue-odd: #16161e;
  --color-result-keyvalue-even: #1a1a22;
  --color-result-background: #16161e;
  --color-result-border: #26262f;
  --color-result-url-font: #9a9aa6;
  --color-result-vim-selected: #1d1c30cc;
  --color-result-vim-arrow: #a79dff;
  --color-result-description-highlight-font: #f3f3f8;
  --color-result-link-font: #a79dff;
  --color-result-link-font-highlight: #c3b8ff;
  --color-result-link-visited-font: #c3b8ff;
  --color-result-publishdate-font: #7d7d88;
  --color-result-engines-font: #9a9aa6;
  --color-result-search-url-border: #26262f;
  --color-result-search-url-font: #f3f3f8;
  --color-toolkit-checkbox-onoff-on-mark-background: #7669ff;
  --color-toolkit-checkbox-input-border: #7669ff;
  --color-toolkit-input-text-font: #f3f3f8;
}

/* homepage wordmark: separate asset from the small header icon */
.index .title {
  background-image: url(../img/psb-wordmark.png);
  min-height: 5.5rem;
  margin: 4.5rem auto 3rem;
}

/* search box: subtle glow + smoother rounding */
.search_box {
  border-radius: 999px;
  transition: box-shadow 200ms ease, border-color 200ms ease;
}
.search_box:focus-within {
  border-color: #7669ff;
  box-shadow: 0 0 0 3px rgba(118, 105, 255, 0.25), 0 8px 24px rgba(0,0,0,0.4);
}

#send_search svg, #clear_search svg {
  transition: color 150ms ease, transform 150ms ease;
}
#send_search:hover svg {
  color: #7669ff;
  transform: scale(1.08);
}

/* result cards: lift on hover */
.result {
  border-radius: 10px;
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}
.result:hover {
  border-color: #7669ff;
  box-shadow: 0 6px 20px rgba(0,0,0,0.35);
}

/* category tabs: smoother active state */
.categories li {
  transition: color 150ms ease, border-color 150ms ease;
}

/* scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0d0d12; }
::-webkit-scrollbar-thumb { background: #26262f; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #7669ff; }

/* selection color */
::selection { background: #7669ff; color: #f3f3f8; }

/* results-page header badge: bigger + legible within the 3rem logo column */
#search_logo {
  display: flex !important;
}
#search_logo svg {
  width: 34px !important;
  height: 34px !important;
  flex-shrink: 0 !important;
  margin: 0 auto !important;
}