:root {
  --bg-blur: 12px;
  --bg-dim: 0.45;
}

body {
  background-image:
    linear-gradient(rgba(0,0,0,var(--bg-dim)), rgba(0,0,0,var(--bg-dim))),
    url('/assets/bg.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* Make widgets feel like frosted glass */
.widget {
  background: rgba(18, 18, 22, 0.55) !important;
  backdrop-filter: blur(var(--bg-blur));
  -webkit-backdrop-filter: blur(var(--bg-blur));
  border: 1px solid rgba(255,255,255,0.08);
}

/* Slightly reduce header contrast */
.widget .widget-header {
  border-bottom-color: rgba(255,255,255,0.08) !important;
}

/* Keep bookmark icons crisp */
.bookmarks a img {
  image-rendering: -webkit-optimize-contrast;
}

/* Glance Public header background override
   Removes the title bar background so the background image reads cleaner. */
.widget .widget-header {
  background: transparent !important;
}

.widget .widget-header h2 {
  background: transparent !important;
}