/* ТЁМНЫЙ РЕЖИМ, когда браузер/ОС включили ночной режим */
@media (prefers-color-scheme: dark) {

  /* База страницы Joomla */
  body,
  body.site,
  .site,
  .container,
  .container-fluid,
  #wrapper,
  #page,
  #all,
  .body,
  .wrapper,
  #content,
  #component {
    background: #0f1115 !important;
    color: #e5e7eb !important;
  }

  a {
    color: #93c5fd !important;
  }

  /* Шапка/меню */
  .navbar,
  .navbar-inverse,
  .navbar-inner,
  .nav.menu,
  .mod-menu,
  .breadcrumb,
  .pager,
  .pagination,
  .pagination ul li a,
  .pagination ul li span {
    background: #151821 !important;
    color: #d1d5db !important;
    border-color: #2f3540 !important;
  }

  .navbar .nav > li > a {
    color: #e5e7eb !important;
  }

  .navbar .nav > li > a:hover,
  .navbar .nav > li.active > a {
    background: #222222 !important;
    color: #ffffff !important;
  }

  /* Системные сообщения Joomla */
  #system-message-container {
    background: #101113 !important;
    color: #e5e7eb !important;
    border-color: #30343b !important;
  }

  #system-message-container a {
    color: #93c5fd !important;
  }

  /* Контейнеры вывода */
  .moduletable,
  .module,
  .well,
  .hero-unit,
  .panel,
  .panel-default,
  .panel-heading,
  .panel-body,
  .panel-footer,
  .item-page,
  .blog,
  .blog-featured,
  .items-leading,
  .items-row,
  .item,
  .category-list,
  .categories-list,
  .category-desc,
  .contact,
  .contact-category,
  .newsfeed,
  .weblink-category,
  .tag-category,
  .search,
  .finder {
    background: #151821 !important;
    color: #e5e7eb !important;
    border-color: #2f3540 !important;
    box-shadow: none !important;
  }

  /* Списки модулей ядра */
  .latestnews,
  .newsflash,
  .relateditems,
  .tagspopular,
  .tags-similar,
  .archive-module,
  .categories-module,
  .category-module,
  .mostread,
  .latestusers {
    background: transparent !important;
    color: #d1d5db !important;
  }

  .latestnews li,
  .newsflash li,
  .relateditems li,
  .tagspopular li,
  .tags-similar li,
  .archive-module li,
  .categories-module li,
  .category-module li,
  .mostread li {
    border-color: #2f3540 !important;
  }

  /* Таблицы и формы */
  table,
  .table,
  .table-striped > tbody > tr:nth-of-type(odd),
  .table-hover > tbody > tr:hover {
    background: #151821 !important;
    color: #e5e7eb !important;
    border-color: #2f3540 !important;
  }

  th,
  td {
    border-color: #2f3540 !important;
  }

  .login,
  .logout,
  .userdata,
  .form-control,
  .inputbox,
  input,
  select,
  textarea {
    background: #101317 !important;
    color: #e5e7eb !important;
    border-color: #2f3540 !important;
  }

  /* Дополнительная настройка текста в области #top */
  #top {
    color: #e5e7eb !important;
  }

  #top h1,
  #top h2,
  #top h3,
  #top strong {
    color: #f3f4f6 !important;
  }

  #top p,
  #top li,
  #top code {
    color: #d1d5db !important;
  }

  #top a {
    color: #93c5fd !important;
  }

  /* Акцент для цитат в #top */
  #top blockquote {
    background: #101113 !important;
    color: #e5e7eb !important;
    border-color: #30343b !important;
    border-left-color: #60a5fa !important;
  }

  #top tr[style*="background"],
  #top thead tr {
    background: #151821 !important;
  }

  /* Ключевые темы – фон + светлый текст */
  .keys-related-block {
    background: #151821 !important;
    border-color: #2f3540 !important;
  }

  .keys-related-block,
  .keys-related-block * {
    color: #e5e7eb !important;
  }

  .keys-related-title {
    color: #f3f4f6 !important;
  }

  .keys-related-block a {
    color: #93c5fd !important;
  }

  /* Страница ключа / список материалов */
  .keys-view,
  .keys-items-list,
  .keys-item {
    background: #151821 !important;
    border-color: #2f3540 !important;
  }

  .keys-view,
  .keys-view * {
    color: #e5e7eb !important;
  }

  .keys-item .item-title,
  .keys-item .item-title a {
    color: #f3f4f6 !important;
  }

  .keys-item a {
    color: #93c5fd !important;
  }

  .keys-item .article-info,
  .keys-item .meta,
  .keys-item .muted {
    color: #d1d5db !important;
  }
}