/* ==========================================================================
   APEX ZONE ATMOSPHERES V1
   Subtle spatial mood differentiation per major Apex zone.
   Layered ON TOP of apex_surreal_theme.css — never overrides layout or logic.
   ========================================================================== */

/* ---------- COMMAND — strategic calm (dashboard) ---------- */
body.apex-zone-command {
  background:
    radial-gradient(circle at 25% 20%, rgba(76,201,255,0.10), transparent 45%),
    radial-gradient(circle at 80% 40%, rgba(155,124,255,0.06), transparent 45%),
    linear-gradient(180deg, #060912, #0a0f1f) !important;
}

/* ---------- INTEL — alert energy (alerts) ---------- */
body.apex-zone-intel {
  background:
    radial-gradient(circle at 20% 25%, rgba(94,240,214,0.12), transparent 40%),
    radial-gradient(circle at 85% 30%, rgba(76,201,255,0.08), transparent 40%),
    linear-gradient(180deg, #050b12, #0a121c) !important;
}

.apex-zone-intel .alert-card {
  border-color: rgba(94,240,214,0.35);
}

/* ---------- FLOW — kinetic analysis (analytics, options, charts) ---------- */
body.apex-zone-flow {
  background:
    radial-gradient(circle at 30% 20%, rgba(155,124,255,0.12), transparent 45%),
    radial-gradient(circle at 75% 35%, rgba(76,201,255,0.10), transparent 45%),
    linear-gradient(180deg, #070914, #0b1024) !important;
}

/* ---------- JOURNAL — reflective depth ---------- */
body.apex-zone-journal {
  background:
    radial-gradient(circle at 25% 25%, rgba(155,124,255,0.14), transparent 45%),
    radial-gradient(circle at 70% 40%, rgba(94,240,214,0.06), transparent 45%),
    linear-gradient(180deg, #060814, #0b0f1c) !important;
}

/* ---------- LEARNING — clarity field ---------- */
body.apex-zone-learning {
  background:
    radial-gradient(circle at 30% 20%, rgba(76,201,255,0.12), transparent 45%),
    radial-gradient(circle at 75% 35%, rgba(94,240,214,0.08), transparent 45%),
    linear-gradient(180deg, #07101a, #0b1424) !important;
}

/* ---------- NOVA — advanced presence ---------- */
body.apex-zone-nova {
  background:
    radial-gradient(circle at 25% 25%, rgba(155,124,255,0.18), transparent 45%),
    radial-gradient(circle at 75% 30%, rgba(76,201,255,0.14), transparent 45%),
    linear-gradient(180deg, #05060f, #090b18) !important;
}

.apex-zone-nova .card {
  box-shadow: 0 14px 40px rgba(155,124,255,0.35);
}

/* ---------- MOTION SAFETY ---------- */
@media (prefers-reduced-motion: reduce) {
  body.apex-zone-command,
  body.apex-zone-intel,
  body.apex-zone-flow,
  body.apex-zone-journal,
  body.apex-zone-learning,
  body.apex-zone-nova {
    transition: none !important;
  }
}