/* ── Aurora backgrounds — Phase 2 (light rollback) ──────────────────────
   Originally a deep dark "aurora" canvas. Rolled back to the Phase 1
   light palette so the new templates stay legible without rewriting
   their markup. Headings render in --dark-blue, body in --dark-text.
   ──────────────────────────────────────────────────────────────────────── */

.aurora-surface {
  position: relative;
  min-height: 100vh;
  background: var(--bg-light);
  color: var(--dark-text);
  overflow: hidden;
  isolation: isolate;
}

/* Decorative blur layer disabled on the light theme */
.aurora-surface::before { content: none; }

.aurora-surface-light {
  position: relative;
  min-height: 100vh;
  background: var(--bg-light);
  color: var(--dark-text);
  overflow: hidden;
}

/* Optional dot-grid overlay — kept very faint for a subtle canvas feel */
.aurora-surface.has-dots::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(0, 176, 240, 0.06) 1px, transparent 1px);
  background-size: 22px 22px;
  pointer-events: none;
  z-index: -1;
}

/* Vignette layer disabled in light mode (was for an immersive dark call screen) */
.aurora-vignette::after { content: none; }

/* Content wrapper — sits above decorative layers */
.aurora-content {
  position: relative;
  z-index: 1;
}

/* Aurora headings — Space Grotesk in dark blue, body in dark text */
.aurora-surface h1,
.aurora-surface h2,
.aurora-surface h3,
.aurora-surface .display {
  font-family: var(--font-display);
  color: var(--dark-blue);
  letter-spacing: -0.01em;
}

.aurora-surface p,
.aurora-surface .body {
  color: var(--dark-text);
}

.aurora-surface .muted {
  color: var(--gray);
}