:root {
  --color-background: 10 10 15;
  --color-card: 20 20 30;
}

body {
  background: radial-gradient(circle at top, #1e293b 0%, #020617 55%, #000 100%) !important;
}

.service-card,
.bookmark-card,
.widget-card,
.group {
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
  border-radius: 18px !important;
}

.service-card:hover,
.bookmark-card:hover {
  background: rgba(30, 41, 59, 0.75) !important;
  transform: translateY(-2px);
  transition: all 0.18s ease;
}

h1, h2, h3, .text-theme-800, .text-theme-900 {
  color: #e5e7eb !important;
}

.text-theme-500,
.text-theme-600,
.text-theme-700 {
  color: #cbd5e1 !important;
}

svg {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}