/* ==========================================================================
   Background Layer Styles - TEF Promoter Console
   Animated background gradients and overlays
   ========================================================================== */

/* Background Layer */
.bg-layer {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.bg-gradient {
  background: linear-gradient(
    var(--bg-angle, 180deg),
    var(--bg-color1, #063c88) 0%,
    var(--bg-color2, #010817) 100%
  );
}

.bg-solid {
  background: var(--bg-color1, #063c88);
}

.bg-soft-radial {
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at 30% 20%,
    rgba(56, 189, 248, 0.08) 0%,
    transparent 60%
  );
}