/* Glass surfaces — used by shell chrome (and app chrome) when a glow theme or image
   background is active. Values match the QShell shell recreation. */
:root {
  --glass-blur: 14px;
  --overlay: color-mix(in srgb, var(--color-bg) 82%, transparent);  /* floating surfaces: modals, menus, popups (over content, so more opaque than a panel) */
  --glass-bar: rgba(255, 255, 255, 0.6);        /* top bar */
  --glass-panel: rgba(255, 255, 255, 0.35);     /* side panels */
  --glass-field: rgba(255, 255, 255, 0.62);     /* search / text fields */
  --glass-well: rgba(255, 255, 255, 0.45);      /* segmented-control track */
  --glass-pill: rgba(255, 255, 255, 0.55);      /* buttons at rest */
  --glass-pill-hover: rgba(255, 255, 255, 0.8);
  --glass-pill-strong: rgba(255, 255, 255, 0.95); /* active segment */
  --glass-border: rgba(9, 28, 55, 0.1);         /* hairlines on glass */
  --bg-scrim: rgba(255, 255, 255, 0.45);        /* readability wash over image backgrounds */
}

[data-theme='dark'] {
  --glass-bar: rgba(18, 20, 26, 0.35);
  --glass-panel: rgba(18, 20, 26, 0.35);
  --glass-field: rgba(255, 255, 255, 0.06);
  --glass-well: rgba(255, 255, 255, 0.07);
  --glass-pill: rgba(255, 255, 255, 0.06);
  --glass-pill-hover: rgba(255, 255, 255, 0.12);
  --glass-pill-strong: rgba(255, 255, 255, 0.16);
  --glass-border: rgba(255, 255, 255, 0.09);
  --bg-scrim: rgba(18, 20, 26, 0.55);
}