/* Theme: midnight — unique professional skin */
body.theme-midnight {
    --brand-a: #22d3ee;
    --brand-b: #818cf8;
    --surface: #111827;
    --text: #f1f5f9;
    --muted-text: #94a3b8;
    --theme-radius: 10px;
    --theme-card-radius: 12px;
    --theme-nav: #020617;
    --theme-nav-text: #e2e8f0;
    --theme-card-shadow: 0 0 0 1px rgba(34,211,238,.22), 0 18px 40px rgba(0,0,0,.5);
    font-family: "Space Grotesk", system-ui, sans-serif;
    background: linear-gradient(165deg,#020617 0%,#0b1224 45%,#0c4a6e 100%);
    color: var(--text);
}
body.theme-midnight .app-navbar.sticky-top,
body.theme-midnight .app-navbar { background: var(--theme-nav) !important; }
body.theme-midnight .app-navbar .nav-link,
body.theme-midnight .app-navbar .navbar-brand,
body.theme-midnight .app-navbar .navbar-brand span { color: var(--theme-nav-text) !important; }
body.theme-midnight .glass-card,
body.theme-midnight .tool-panel,
body.theme-midnight .card,
body.theme-midnight .tool-content-block,
body.theme-midnight .tool-content-card {
    background: var(--surface);
    color: var(--text);
    border-radius: var(--theme-card-radius);
    box-shadow: var(--theme-card-shadow);
    border: 0;
}
body.theme-midnight .glass-card h1,
body.theme-midnight .glass-card h2,
body.theme-midnight .glass-card h3,
body.theme-midnight .glass-card h4,
body.theme-midnight .card h1,
body.theme-midnight .card h2,
body.theme-midnight .card h3,
body.theme-midnight .card h4 { color: var(--text); }
body.theme-midnight .text-secondary { color: var(--muted-text) !important; }
body.theme-midnight .hero-badge { background: rgba(127,127,127,.12); color: var(--text); border-color: transparent; }
body.theme-midnight .btn-primary {
    background: linear-gradient(90deg, var(--brand-a), var(--brand-b));
    border: 0; color: #fff !important; border-radius: var(--theme-radius);
}
body.theme-midnight .search-wrap .form-control {
    border-radius: var(--theme-radius); box-shadow: var(--theme-card-shadow);
}
body.theme-midnight .app-footer { background: var(--theme-nav); color: var(--theme-nav-text); }
body.theme-midnight .app-footer .footer-link,
body.theme-midnight .app-footer .text-light-emphasis { color: var(--theme-nav-text) !important; opacity: .92; }
body.theme-midnight .chip, body.theme-midnight .metric-box { border-radius: var(--theme-radius); color: var(--text); }
body.theme-midnight .nav-auth-btn-login { color:#fff !important; border-color:rgba(255,255,255,.9) !important; background:transparent !important; }
body.theme-midnight .nav-auth-btn-signup { color:#0f172a !important; background:#fff !important; border-color:#fff !important; }
body.theme-midnight .ad-slot { margin: 1rem 0; text-align: center; }
body.theme-midnight .hero-section { text-align: center; }
body.theme-midnight .hero-section h1,
body.theme-midnight .hero-section .lead { color: #f8fafc !important; }
body.theme-midnight .hero-badge {
  background: rgba(34,211,238,.14) !important;
  color: #a5f3fc !important;
  border: 1px solid rgba(34,211,238,.35) !important;
}
body.theme-midnight .search-wrap { margin-left: auto !important; margin-right: auto !important; }
body.theme-midnight .search-wrap .form-control {
  background: #0b1220 !important;
  color: #f1f5f9 !important;
  border: 1px solid rgba(34,211,238,.35) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.35) !important;
}
body.theme-midnight .search-wrap .form-control::placeholder { color: #94a3b8 !important; }
body.theme-midnight .search-input-icon { color: #67e8f9 !important; }
body.theme-midnight .glass-card,
body.theme-midnight .card,
body.theme-midnight .tool-panel,
body.theme-midnight .category-section {
  background: #111827 !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  color: #f1f5f9 !important;
}
body.theme-midnight .glass-card:hover {
  border-color: rgba(34,211,238,.45) !important;
  box-shadow: 0 0 0 1px rgba(34,211,238,.25), 0 20px 40px rgba(0,0,0,.45) !important;
}
body.theme-midnight .text-dark,
body.theme-midnight h1, body.theme-midnight h2, body.theme-midnight h3,
body.theme-midnight h4, body.theme-midnight h5, body.theme-midnight h6 { color: #f1f5f9 !important; }
body.theme-midnight .icon-wrap { background: rgba(34,211,238,.14); border-radius: 10px; color: #67e8f9; }
body.theme-midnight .icon-wrap .text-primary,
body.theme-midnight .text-primary { color: #67e8f9 !important; }
body.theme-midnight .count-badge {
  background: rgba(8,47,73,.9) !important;
  border: 1px solid rgba(34,211,238,.4);
  color: #e0f2fe !important;
}
body.theme-midnight .chip,
body.theme-midnight .js-search-chip {
  background: rgba(15,23,42,.85) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(34,211,238,.3) !important;
}
body.theme-midnight .chip:hover,
body.theme-midnight .js-search-chip:hover {
  background: rgba(34,211,238,.12) !important;
  border-color: rgba(34,211,238,.55) !important;
}
body.theme-midnight .btn-outline-primary,
body.theme-midnight .btn-outline-secondary {
  color: #a5f3fc !important;
  border-color: rgba(34,211,238,.45) !important;
  background: transparent !important;
}
body.theme-midnight .btn-outline-primary:hover,
body.theme-midnight .btn-outline-secondary:hover {
  background: rgba(34,211,238,.15) !important;
  color: #ecfeff !important;
}
body.theme-midnight .accordion-button {
  background: #0f172a !important;
  color: #f1f5f9 !important;
  box-shadow: none !important;
}
body.theme-midnight .accordion-button:not(.collapsed) {
  background: #0b1220 !important;
  color: #a5f3fc !important;
}
body.theme-midnight .accordion-button::after { filter: invert(1) brightness(1.4); }
body.theme-midnight .accordion-body { background: #111827 !important; color: #cbd5e1 !important; }
body.theme-midnight .seo-mini-card,
body.theme-midnight .seo-step-card {
  background: #0f172a !important;
  border: 1px solid rgba(148,163,184,.25) !important;
  color: #e2e8f0 !important;
}
body.theme-midnight .seo-mini-icon,
body.theme-midnight .seo-step-number { color: #67e8f9 !important; }
body.theme-midnight .category-toggle-btn { color: #e2e8f0 !important; border-color: rgba(148,163,184,.4) !important; }
body.theme-midnight .breadcrumb-item + .breadcrumb-item::before { color: #94a3b8; }
body.theme-midnight .tool-breadcrumb-bar {
  background: rgba(2,6,23,.85) !important;
  border-bottom: 1px solid rgba(34,211,238,.2) !important;
}
body.theme-midnight .navbar-toggler { border-color: rgba(255,255,255,.55) !important; }
body.theme-midnight .navbar-toggler-icon { filter: invert(1) brightness(1.5); }
body.theme-midnight .text-secondary,
body.theme-midnight .text-muted,
body.theme-midnight .lead,
body.theme-midnight .form-text { color: #94a3b8 !important; }
body.theme-midnight .form-control,
body.theme-midnight .form-select,
body.theme-midnight textarea { background:#0b1220; color:#f1f5f9; border-color:rgba(148,163,184,.35); }
body.theme-midnight .form-control::placeholder { color:#94a3b8; }
body.theme-midnight .accordion-item,
body.theme-midnight .accordion-button,
body.theme-midnight .accordion-body { background:#111827; color:#f1f5f9; }
body.theme-midnight .tool-drop-zone,
body.theme-midnight .code-drop-zone { background:rgba(255,255,255,.04); color:#f1f5f9; border-color:rgba(148,163,184,.35); }
body.theme-midnight .chip, body.theme-midnight .metric-box, body.theme-midnight .js-search-chip {
  background:rgba(255,255,255,.08); color:#f1f5f9; border-color:rgba(148,163,184,.35);
}
body.theme-midnight .glass-card .text-secondary,
body.theme-midnight .tool-panel .text-secondary,
body.theme-midnight .card .text-secondary { color: #94a3b8 !important; }
body.theme-midnight .tool-breadcrumb-bar { background: rgba(15,23,42,.72); }
body.theme-midnight .tool-breadcrumb-bar .breadcrumb-item a { color:#93c5fd; }
body.theme-midnight .tool-breadcrumb-bar .breadcrumb-item.active { color:#e2e8f0; }
body.theme-midnight .text-dark { color: #f1f5f9 !important; }