/* ---- Glass / night theme ---- */
:root {
  --glass-bg: rgba(12,14,18,0.55);
  --glass-bg-hover: rgba(24,28,34,0.72);
  --glass-border: rgba(255,255,255,0.16);
  --glass-text: #ffffff;
  --glass-muted: rgba(255,255,255,0.68);
}

/* Frosted cards */
.service-card,
.bookmark-text,
.bookmark-icon,
#information-widgets > div {
  background-color: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  border-radius: 10px !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.28);
}

.bookmark-icon { border-radius: 10px 0 0 10px !important; border-right: 0 !important; }
.bookmark-text { border-radius: 0 10px 10px 0 !important; border-left: 0 !important; }

.service-card { transition: background-color .18s ease, transform .18s ease; }
.service-card:hover,
.bookmark-text:hover {
  background-color: var(--glass-bg-hover) !important;
  transform: translateY(-2px);
}

/* White text throughout */
.service-name, .bookmark-name,
.service-group-name, .bookmark-group-name {
  color: var(--glass-text) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.9);
}
.service-description, .bookmark-description {
  color: var(--glass-muted) !important;
}
.service-group-name, .bookmark-group-name {
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
}

/* Header widgets */
#information-widgets, #information-widgets * {
  color: var(--glass-text) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.9);
}