/* SkyMeadow Custom Theme */

/* Grundhintergrund */
body,
#__next,
#page_wrapper,
#inner_wrapper {
  background: #1f1f2d !important;
  color: #f5f3ff !important;
}

/* Hauptcontainer etwas ruhiger */
.container {
  background:
    radial-gradient(circle at top right, rgba(76, 74, 116, 0.22), transparent 35%),
    radial-gradient(circle at bottom left, rgba(100, 81, 121, 0.16), transparent 35%),
    #1f1f2d !important;
}

/* Oberer Widget-Bereich / Statusleiste */
#information-widgets {
  background: #232538 !important;
  border: 1px solid #323253 !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.28) !important;
  padding: 18px !important;
}

/* Gruppencontainer */
.services-group,
.bookmark-group {
  background: transparent !important;
}

/* Gruppentitel */
.service-group-name,
.bookmark-group-name {
  color: #f5f3ff !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

/* Karten */
.service-card,
.bookmark a {
  background: #645179 !important;
  border: 1px solid #513f62 !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32) !important;
  overflow: hidden !important;
}

/* Innerer Kartenbereich */
.service-title,
.bookmark-text {
  background: #513f62 !important;
  border-radius: 14px !important;
}

/* Karten Hover */
.service-card:hover,
.bookmark a:hover {
  background: #4c4a74 !important;
  border-color: #645179 !important;
  transform: translateY(-2px);
  transition: all 0.18s ease;
  box-shadow: 0 18px 42px rgba(76, 74, 116, 0.35) !important;
}

/* Service Namen */
.service-name,
.bookmark-name {
  color: #ffffff !important;
  font-weight: 650 !important;
}

/* Beschreibungen */
.service-description,
.bookmark-description {
  color: #d8c7e8 !important;
}

/* Icons links in Bookmarks */
.bookmark-icon {
  background: #323253 !important;
  color: #f5f3ff !important;
}

/* Suchfeld / Inputs */
input {
  background: #232538 !important;
  color: #f5f3ff !important;
  border-color: #4c4a74 !important;
}

/* Scrollbar etwas passender */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #1f1f2d;
}

::-webkit-scrollbar-thumb {
  background: #4c4a74;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #645179;
}