/* ─────────────────────────────────────────────────────────────
   Get Lost — Storybook design system · atmospheres
   Per-surface background washes. Apply ONE atmosphere class on
   the same element that carries .paper-grain .paper-fiber.
   Each atmosphere is a layered radial/linear gradient stack
   anchored to cream paper.
   ──────────────────────────────────────────────────────────── */


/* ─── Dawn ─────────────────────────────────────────────────────
   First screen, sender-creator. Warm marigold sun in upper-right,
   soft sage wash at bottom-left. Optimistic, low-energy. */
.atm-dawn {
  background:
    radial-gradient(85% 65% at 80% 0%, var(--sun-glow) 0%, transparent 55%),
    radial-gradient(60% 50% at 12% 100%, rgba(138, 167, 132, 0.45) 0%, transparent 70%),
    var(--paper);
}


/* ─── Letter ───────────────────────────────────────────────────
   Recipient invite surface. A blush wash in the center where the
   paper letter sits, sage near the horizon. */
.atm-letter {
  background:
    radial-gradient(50% 55% at 50% 35%, rgba(240, 196, 180, 0.55) 0%, transparent 70%),
    radial-gradient(70% 40% at 50% 100%, rgba(170, 196, 154, 0.4) 0%, transparent 70%),
    var(--paper);
}


/* ─── Dusk ─────────────────────────────────────────────────────
   Active ritual + partial waiting. Cerulean top, blush middle,
   cream at the horizon. Ceremonial but not dark. */
.atm-dusk {
  background:
    linear-gradient(180deg,
      var(--cerulean) 0%,
      #d4b0bb 48%,
      var(--blush) 72%,
      var(--paper) 100%);
}
/* Tint the top-bar rule a touch stronger on dusk so it stays visible */
.atm-dusk .gl-top { border-bottom-color: rgba(28, 26, 22, 0.18); }


/* ─── Golden hour ─────────────────────────────────────────────
   Full completion. Cream glow centered, with rose on the left
   and cerulean on the right — color spread, calm. */
.atm-golden {
  background:
    radial-gradient(70% 55% at 50% 30%, var(--cream-glow) 0%, transparent 65%),
    radial-gradient(50% 40% at 12% 80%, rgba(217, 152, 137, 0.35) 0%, transparent 70%),
    radial-gradient(50% 40% at 88% 80%, rgba(136, 177, 205, 0.32) 0%, transparent 70%),
    var(--paper);
}


/* ─── Oatmeal ──────────────────────────────────────────────────
   Recovered Time archive. A warmer cream with a near-invisible
   gold breath in the center — keeps the focus on the writing. */
.atm-oatmeal {
  background:
    radial-gradient(40% 30% at 50% 50%, rgba(240, 185, 76, 0.08) 0%, transparent 70%),
    var(--paper-warm);
}


/* ─── Plain paper (default) ──────────────────────────────────── */
.atm-paper {
  background: var(--paper);
}