/* RecAI Search — Dark Theme Override */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");

/* Tüm tema varyantlarını override et */
:root,
:root.theme-dark,
:root.theme-auto,
:root.theme-black,
html,
html.theme-dark,
html.theme-auto,
html.theme-black {
  --color-base-font: #e2e8f0 !important;
  --color-base-font-rgb: 226, 232, 240 !important;
  --color-base-background: #0d0d14 !important;
  --color-base-background-mobile: #0d0d14 !important;
  --color-url-font: #06b6d4 !important;
  --color-url-visited-font: #8b8fc7 !important;
  --color-header-background: #111119 !important;
  --color-header-border: rgba(99,102,241,0.12) !important;
  --color-footer-background: #111119 !important;
  --color-footer-border: rgba(99,102,241,0.12) !important;
  --color-sidebar-border: rgba(99,102,241,0.1) !important;
  --color-sidebar-font: #e2e8f0 !important;
  --color-sidebar-background: #16161e !important;
  --color-backtotop-font: #94a3b8 !important;
  --color-backtotop-border: rgba(99,102,241,0.15) !important;
  --color-backtotop-background: #16161e !important;
  --color-btn-background: #6366f1 !important;
  --color-btn-font: #fff !important;
  --color-show-btn-background: #2a2a3d !important;
  --color-show-btn-font: #e2e8f0 !important;
  --color-search-border: rgba(99,102,241,0.2) !important;
  --color-search-shadow: 0 2px 12px rgba(0,0,0,0.4) !important;
  --color-search-background: #1a1a28 !important;
  --color-search-font: #e2e8f0 !important;
  --color-search-background-hover: #6366f1 !important;
  --color-error: #ef4444 !important;
  --color-error-background: rgba(239,68,68,0.1) !important;
  --color-warning: #eab308 !important;
  --color-warning-background: rgba(234,179,8,0.1) !important;
  --color-success: #10b981 !important;
  --color-success-background: rgba(16,185,129,0.1) !important;
  --color-categories-item-selected-font: #fff !important;
  --color-categories-item-border-selected: #6366f1 !important;
  --color-autocomplete-font: #e2e8f0 !important;
  --color-autocomplete-border: rgba(99,102,241,0.2) !important;
  --color-autocomplete-shadow: 0 4px 16px rgba(0,0,0,0.5) !important;
  --color-autocomplete-background: #1a1a28 !important;
  --color-autocomplete-background-hover: #24243a !important;
  --color-answer-font: #e2e8f0 !important;
  --color-answer-background: #16161e !important;
  --color-result-keyvalue-col-table: #16161e !important;
  --color-result-keyvalue-odd: #16161e !important;
  --color-result-keyvalue-even: #111119 !important;
  --color-result-background: #13131b !important;
  --color-result-border: rgba(99,102,241,0.08) !important;
  --color-result-url-font: #06b6d4 !important;
  --color-result-vim-selected: #1e1e2e !important;
  --color-result-vim-arrow: #6366f1 !important;
  --color-result-description-highlight-font: #fff !important;
  --color-result-link-font: #c4c8f4 !important;
  --color-result-link-font-highlight: #6366f1 !important;
  --color-result-link-visited-font: #8b8fc7 !important;
  --color-result-publishdate-font: #06b6d4 !important;
  --color-result-engines-font: #64748b !important;
  --color-result-search-url-border: rgba(99,102,241,0.1) !important;
  --color-result-search-url-font: #94a3b8 !important;
  --color-result-image-span-font: #94a3b8 !important;
  --color-result-image-span-font-selected: #fff !important;
  --color-result-image-background: #16161e !important;
  --color-settings-tr-hover: #1e1e2e !important;
  --color-settings-engine-description-font: #94a3b8 !important;
  --color-settings-table-group-background: rgba(99,102,241,0.05) !important;
  --color-toolkit-badge-font: #fff !important;
  --color-toolkit-badge-background: #6366f1 !important;
  --color-toolkit-kbd-font: #e2e8f0 !important;
  --color-toolkit-kbd-background: #1a1a28 !important;
  --color-toolkit-dialog-border: rgba(99,102,241,0.15) !important;
  --color-toolkit-dialog-background: #16161e !important;
  --color-toolkit-tabs-label-border: #16161e !important;
  --color-toolkit-tabs-section-border: rgba(99,102,241,0.12) !important;
  --color-toolkit-select-background: #1a1a28 !important;
  --color-toolkit-select-border: rgba(99,102,241,0.15) !important;
  --color-toolkit-select-background-hover: #24243a !important;
  --color-toolkit-input-text-font: #e2e8f0 !important;
  --color-toolkit-checkbox-onoff-off-background: #1a1a28 !important;
  --color-toolkit-checkbox-onoff-on-background: #1a1a28 !important;
  --color-toolkit-checkbox-onoff-on-mark-background: #6366f1 !important;
  --color-toolkit-checkbox-onoff-on-mark-color: #fff !important;
  --color-toolkit-checkbox-onoff-off-mark-background: #64748b !important;
  --color-toolkit-checkbox-onoff-off-mark-color: #fff !important;
  --color-toolkit-checkbox-label-background: #16161e !important;
  --color-toolkit-checkbox-label-border: rgba(99,102,241,0.15) !important;
  --color-toolkit-checkbox-input-border: #6366f1 !important;
  --color-toolkit-engine-tooltip-border: rgba(99,102,241,0.15) !important;
  --color-toolkit-engine-tooltip-background: #16161e !important;
  --color-toolkit-loader-border: rgba(255,255,255,0.1) !important;
  --color-toolkit-loader-borderleft: transparent !important;
  --color-doc-code: #e2e8f0 !important;
  --color-doc-code-background: #1a1a28 !important;
  --color-favicon-background-color: #1a1a28 !important;
  --color-favicon-border-color: rgba(99,102,241,0.15) !important;
  --color-loading-indicator: rgba(255,255,255,0.1) !important;
  --color-loading-indicator-gap: #0d0d14 !important;
}

/* prefers-color-scheme override */
@media (prefers-color-scheme: light) {
  :root, :root.theme-auto, html.theme-auto {
    --color-base-background: #0d0d14 !important;
    --color-base-font: #e2e8f0 !important;
    --color-base-font-rgb: 226, 232, 240 !important;
    --color-header-background: #111119 !important;
    --color-footer-background: #111119 !important;
    --color-search-background: #1a1a28 !important;
    --color-search-font: #e2e8f0 !important;
    --color-result-background: #13131b !important;
    --color-btn-background: #6366f1 !important;
  }
}

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
  background-color: #0d0d14 !important;
  color: #e2e8f0 !important;
}

/* RecAI gradient logo */
.index .title h1 {
  font-size: 2.8rem !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #6366f1, #06b6d4) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Arama kutusu */
#q {
  border-radius: 24px !important;
  background-color: #1a1a28 !important;
  color: #e2e8f0 !important;
}

/* Submit butonu gradient */
#send_search {
  background: linear-gradient(135deg, #6366f1, #06b6d4) !important;
  border: none !important;
  border-radius: 24px !important;
}

/* Header ve footer arka plan */
#links_on_top, nav {
  background-color: #111119 !important;
}
footer {
  background-color: #111119 !important;
  color: #64748b !important;
}
footer a { color: #6366f1 !important; }

/* Sonuç kartları */
article.result {
  border-radius: 8px !important;
  background-color: #13131b !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}
article.result:hover {
  border-color: rgba(99,102,241,0.3) !important;
  background-color: #18182a !important;
}

/* Kategori tab aktif */
#categories input:checked + label,
#categories .active {
  background: linear-gradient(135deg, #6366f1, #06b6d4) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* Linkler */
a { color: #c4c8f4 !important; }
a:visited { color: #8b8fc7 !important; }
.result .url_wrapper a, .result .url { color: #06b6d4 !important; }