:root {
  --color-bg:           #000000;
  --color-bg-secondary: #0a0a0a;
  --color-bg-hover:     #222222;
  --color-surface:      #161616;
  --color-border:       #2a2a2a;
  --color-border-hover: #444444;
  --color-text:         #e8e8e8;
  --color-text-dim:     #888888;
  --color-text-muted:   #555555;
  --color-accent:       #ffffff;
  --color-accent-dim:   #cccccc;
  --font-sans:          'Inter', 'Segoe UI', system-ui, sans-serif;
  --radius:             8px;
  --radius-sm:          4px;
  --transition:         0.15s ease;
}
* { font-family: var(--font-sans) !important; box-sizing: border-box; }
body { background: var(--color-bg) !important; color: var(--color-text) !important; line-height: 1.6; }
header, #main_nav, .navbar { background: rgba(0,0,0,0.85) !important; border-bottom: 1px solid var(--color-border) !important; backdrop-filter: blur(12px); }
input[type="text"], input[type="search"] { background: var(--color-bg-secondary) !important; color: var(--color-text) !important; border: 1px solid var(--color-border) !important; border-radius: var(--radius) !important; padding: 10px 16px !important; transition: border-color var(--transition), box-shadow var(--transition); }
input[type="text"]:focus, input[type="search"]:focus { border-color: var(--color-border-hover) !important; box-shadow: 0 0 0 3px rgba(255,255,255,0.06) !important; outline: none !important; }
button, .btn { background: var(--color-bg-secondary) !important; color: var(--color-text) !important; border: 1px solid var(--color-border) !important; border-radius: var(--radius-sm) !important; padding: 8px 16px !important; cursor: pointer; transition: background var(--transition), border-color var(--transition); }
button:hover, .btn:hover { background: var(--color-bg-hover) !important; border-color: var(--color-border-hover) !important; }
.result { background: var(--color-surface) !important; border: 1px solid var(--color-border) !important; border-radius: var(--radius) !important; padding: 16px 20px !important; margin-bottom: 10px !important; transition: border-color var(--transition), background var(--transition); }
.result:hover { background: var(--color-bg-secondary) !important; border-color: var(--color-border-hover) !important; }
a, a:visited { color: var(--color-accent-dim) !important; text-decoration: none !important; transition: color var(--transition); }
a:hover { color: var(--color-accent) !important; }
.result_title a { font-size: 1.05rem !important; font-weight: 600 !important; color: var(--color-accent) !important; letter-spacing: -0.01em; }
.result .url_wrapper, .result .url { color: var(--color-text-muted) !important; font-size: 0.78rem !important; margin-top: 2px; }
.result .content { color: var(--color-text-dim) !important; font-size: 0.9rem !important; margin-top: 6px; }
.autocomplete, ul.autocomplete { background: var(--color-bg-secondary) !important; border: 1px solid var(--color-border) !important; border-radius: var(--radius) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important; overflow: hidden; }
.autocomplete li:hover { background: var(--color-bg-hover) !important; }
.infobox, aside { background: var(--color-surface) !important; border: 1px solid var(--color-border) !important; border-radius: var(--radius) !important; padding: 16px !important; }
.pagination a, #pagination a { background: var(--color-bg-secondary) !important; border: 1px solid var(--color-border) !important; border-radius: var(--radius-sm) !important; color: var(--color-text-dim) !important; padding: 6px 12px !important; }
.pagination a:hover, #pagination a:hover { border-color: var(--color-border-hover) !important; color: var(--color-accent) !important; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--color-bg); }
::-webkit-scrollbar-thumb { background: var(--color-border-hover); border-radius: 3px; }
select { background: var(--color-bg-secondary) !important; color: var(--color-text) !important; border: 1px solid var(--color-border) !important; border-radius: var(--radius-sm) !important; }

/* Logo sizing on main page */
img.logo { height: 40px !important; width: auto !important; }

/* Replace search logo SVG with RD image */
html body #search_logo svg { display: none !important; }
html body #search_logo {
  background-image: url('/static/themes/simple/img/searxng.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

/* Fix background cutoff on scroll */
html, body {
  min-height: 100% !important;
  background-color: #000000 !important;
}

/* Use RD square in search header, keep pill on main page */
html body #search_logo {
  background-image: url('/static/themes/simple/img/favicon.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  min-width: 40px !important;
  min-height: 40px !important;
}
html body #search_logo svg { display: none !important; }
html body #search_logo img { display: none !important; }