/* HUD overrides for the embedded blurbs demo at /blurbs/ */

:root {
  color-scheme: dark;
  --bg-main: transparent;
  --bg-surface: transparent;
  --bg-surface-elevated: rgba(109, 255, 154, 0.06);
  --bg-surface-hover: rgba(109, 255, 154, 0.12);
  --border-subtle: rgba(109, 255, 154, 0.2);
  --border-strong: rgba(109, 255, 154, 0.45);
  --text-primary: var(--hud);
  --text-secondary: var(--hud-body);
  --text-muted: var(--hud-dim);
  --accent-primary: var(--hud);
  --accent-inverse: #050705;
  --font-sans: "Departure Mono", ui-monospace, Menlo, monospace;
  --font-mono: "Departure Mono", ui-monospace, Menlo, monospace;
}

body {
  background: transparent;
}

/* Filled buttons put dark text on green, where the glow would blur it */
.submit-button,
.analyze-subset-button,
.save-edit-btn,
.login-submit-btn {
  text-shadow: none;
}

.brand-title,
.login-brand-title {
  font-weight: 400;
  text-transform: uppercase;
  text-shadow: var(--glow);
}

.modal-content {
  background: rgba(5, 7, 5, 0.6);
  box-shadow: none;
}

.hud-bg::after {
  background:
    radial-gradient(ellipse at 50% 40%, rgba(4, 7, 4, 0.5) 0%, rgba(4, 7, 4, 0.78) 100%),
    rgba(4, 7, 4, 0.35);
}

/* Room for the injected site nav above the app */
.app-root {
  min-height: calc(100vh - var(--demo-nav-height));
  padding-top: 0.5rem;
}