@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&display=swap');

* {
  font-family: 'JetBrains Mono', monospace !important;
}

/* Фон */
body, #page_wrapper {
  background-color: #0d1117 !important;
}

/* Заголовки секцій */
#information-widgets, .services-group h2 {
  color: #6e9ab0 !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

/* Плитки сервісів */
#services .service-card {
  background-color: #161b22 !important;
  border: 1px solid #1e2a35 !important;
  border-radius: 4px !important;
  transition: border-color 0.2s ease !important;
}

#services .service-card:hover {
  border-color: #6e9ab0 !important;
  background-color: #1a2332 !important;
}

/* Назва сервісу */
#services .service-card .service-name {
  color: #cdd9e5 !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
}

/* Опис сервісу */
#services .service-card .service-description {
  color: #4a6070 !important;
  font-size: 0.7rem !important;
}

/* Widgets (CPU/RAM/Disk) */
#information-widgets .widget {
  background-color: #161b22 !important;
  border: 1px solid #1e2a35 !important;
  border-radius: 4px !important;
  color: #cdd9e5 !important;
}

/* Search bar */
#search-field input {
  background-color: #161b22 !important;
  border: 1px solid #1e2a35 !important;
  color: #cdd9e5 !important;
  border-radius: 4px !important;
  font-family: 'JetBrains Mono', monospace !important;
}

#search-field input:focus {
  border-color: #6e9ab0 !important;
  outline: none !important;
}

/* Дата/час */
#information-widgets .datetime {
  color: #4a6070 !important;
  font-size: 0.8rem !important;
}

/* Bookmarks */
.bookmark-card {
  background-color: #161b22 !important;
  border: 1px solid #1e2a35 !important;
  border-radius: 4px !important;
  color: #6e9ab0 !important;
}

.bookmark-card:hover {
  border-color: #6e9ab0 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: #0d1117;
}
::-webkit-scrollbar-thumb {
  background: #1e2a35;
}
::-webkit-scrollbar-thumb:hover {
  background: #6e9ab0;
}

/* Заголовок сторінки */
#page_title {
  display: block !important;
  color: #6e9ab0 !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin-bottom: 0.5rem !important;
}

/* Прибрати іконки сервісів */
#services .service-icon,
.bookmark-icon {
  display: none !important;
}

/* Компенсувати відступ без іконки */
#services .service-card .service-content {
  padding-left: 1rem !important;
}