@import url("/assets/made-by-buddy-foundation.css");
@import url("/assets/made-by-buddy-stage.css");
@import url("/assets/made-by-buddy-responsive.css");

/*
 * The homepage's day, held at 3:30 in the afternoon (2026-09-26). The Vxbe
 * marketing site owns the day in apps/web-marketing/hero/buddy-day-sky.css;
 * this Worker cannot link that sheet, so these are its rules for this hour,
 * value for value, and made-by-buddy-day-sky.test.ts holds them equal to it.
 *
 * Afternoon is the hour before the firefly evening Buddy made, which keeps its
 * own night below. The page policy loads images from this origin only, so the
 * sky is gradients and glow, with no paper grain or ridges. The marketing sheet
 * hides the afternoon sun on a page, so no sun is drawn either.
 */
:root {
  --day-paper: #fffefb;
  --day-rule: #d5d7cf;
  --day-shadow: 14px 40px 60px -32px rgb(36 48 33 / 0.42);
}

.dy-sky {
  --sky-top: rgb(215 222 225);
  --sky-mid: rgb(242 236 225);
  --sky-low: rgb(244 224 200);
  --glow: 0.35;
  --sun-x: 33;
  --sun-y: 34.745;
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 56%, var(--sky-low) 100%);
}

.dy-sky-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 70% 58% at calc(var(--sun-x) * 1%) min(calc(var(--sun-y) * 1%), 80%),
    rgb(255 240 214 / calc(0.95 * var(--glow))),
    rgb(255 222 180 / calc(0.32 * var(--glow))) 40%,
    rgb(255 222 180 / 0) 70%
  );
}