/* beacon — holographic notification cards. Matches the astro-menu idiom
 * (astro-menu/style/style.css): emitted-magenta text, violet holo-glass fills,
 * glow-violet / accent frames, Agave Nerd Font Mono, rounded cards. The compositor
 * blurs behind the translucent card fills (see the `beacon` layer-rule in
 * hypr/usr/windowrules.lua); the scanline/sweep/noise depth is Cairo-drawn on top
 * by lib/hologram.py. */

/* Emitted magenta reads as projected light on the blurred glass, exactly as the
 * astro panel overrides its @text. */
@define-color text #EB00A6;

* {
  font-family: "Agave Nerd Font Mono", monospace;
  font-size: 12pt;
}

/* The CyberQueer GTK theme paints `* { background-color:#1a1a1a }` on every node,
 * which would fill the surface and the gaps between cards with an opaque slab.
 * Blank the structural nodes; the card asserts its own glass fill below. */
window,
window.background,
.beacon-window,
.beacon-stack,
.beacon-content,
box,
overlay,
label,
image,
drawingarea {
  background: transparent;
  background-color: transparent;
}

/* the holo-glass card */
.beacon-card {
  background-color: alpha(@violet, 0.40);
  border: 2px solid #8A5CFF;               /* glow_violet — emitted-light frame */
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: 0 0 16px 1px alpha(#8A5CFF, 0.35);
}
.beacon-card.critical {
  border-color: @accent;
  background-color: alpha(@accent, 0.14);
  box-shadow: 0 0 18px 1px alpha(@accent, 0.40);
}

/* summary = emitted magenta, letter-spaced like the astro HUD headlines */
.beacon-summary {
  color: @text;
  font-weight: bold;
  font-size: 12pt;
  letter-spacing: 1px;
}
.beacon-card.critical .beacon-summary { color: @accent; }

/* radio-wave divider — a Cairo sine path drawn in notification.py (colour handled
 * there, per urgency); this only spaces it from the title/body. The explicit
 * transparent bg beats the CyberQueer theme's `* { background-color:#1a1a1a }`
 * (a class selector out-specifies its universal one), so no dark pill shows. */
.beacon-squiggle {
  margin: 2px 0;
  background: none;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.beacon-body {
  color: @text;
  font-size: 11pt;
  opacity: 0.95;
}

.beacon-icon { margin-right: 2px; }

/* action pills — astro-menu's .quad-action idiom */
.beacon-action {
  color: @text;
  background-color: alpha(@violet, 0.4);
  border: 2px solid #8A5CFF;
  border-radius: 20px;
  padding: 2px 12px;
  min-height: 22px;
  transition: border-color 180ms ease, color 180ms ease, box-shadow 220ms ease, background 180ms ease;
}
.beacon-action:hover {
  border-color: @accent;
  color: @accent;
  box-shadow: 0 0 12px 1px alpha(@accent, 0.55);
}

.beacon-hologram { background: transparent; }