/* ==========================================================================
   Glassmorphism primitives — frosted glass panels.
   ========================================================================== */

.glass {
  background: rgba(var(--bg-panel-rgb), var(--bg-panel-alpha));
  backdrop-filter: blur(var(--glass-blur)) saturate(150%);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(150%);
  border: 1px solid var(--bg-panel-border);
  box-shadow: var(--shadow-glass);
}

.glass-panel {
  border-radius: 16px;
}

.glass-strong {
  background: rgba(var(--bg-panel-rgb), 0.85);
}

/* Sidebar / topbar glass — slightly different alpha so they read as fixed chrome */
.sidebar {
  background: var(--bg-sidebar);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border-right: 1px solid var(--border-subtle);
}

.topbar {
  background: var(--bg-topbar);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border-bottom: 1px solid var(--border-subtle);
}