body.theme-actual {
  background: radial-gradient(1200px 800px at 75% 20%, rgba(255, 178, 31, 0.12), transparent 55%),
              radial-gradient(900px 700px at 10% 80%, rgba(80, 110, 140, 0.2), transparent 60%),
              linear-gradient(135deg, var(--bg-1), var(--bg-2));
}

body.theme-my {
  background: radial-gradient(1100px 800px at 70% 10%, rgba(255, 178, 31, 0.1), transparent 55%),
              radial-gradient(900px 700px at 15% 85%, rgba(80, 110, 140, 0.18), transparent 60%),
              linear-gradient(135deg, var(--bg-1), var(--bg-2));
}

body.theme-work {
  background: radial-gradient(1100px 800px at 70% 10%, rgba(255, 178, 31, 0.08), transparent 55%),
              radial-gradient(900px 700px at 10% 85%, rgba(80, 110, 140, 0.18), transparent 60%),
              linear-gradient(135deg, var(--bg-1), var(--bg-2));
}

body.theme-admin {
  background: radial-gradient(1200px 800px at 75% 20%, rgba(255, 178, 31, 0.12), transparent 55%),
              radial-gradient(900px 700px at 10% 80%, rgba(80, 110, 140, 0.2), transparent 60%),
              linear-gradient(135deg, var(--bg-1), var(--bg-2));
}

body.theme-login {
  background: radial-gradient(1200px 800px at 75% 20%, rgba(255, 178, 31, 0.12), transparent 55%),
              radial-gradient(900px 700px at 10% 80%, rgba(80, 110, 140, 0.2), transparent 60%),
              linear-gradient(135deg, var(--bg-1), var(--bg-2));
}

.beam {
  position: fixed;
  inset: -80px;
  background: linear-gradient(110deg, transparent 40%, rgba(243, 211, 74, 0.16) 52%, transparent 64%);
  pointer-events: none;
  opacity: 0.65;
}

.beam-strong {
  opacity: 0.75;
}