/* Gece modu: ay, yıldızlar, ateş böcekleri ve renk değişimleri */
/* ---------- Gece modu ---------- */
.moon, .stars, .fireflies { display: none; }
@keyframes twinkle { 0%,100% { opacity: .2 } 50% { opacity: 1 } }
.moon { position: absolute; top: 6%; right: 8%; width: 104px; height: 104px; }
.moon .disc {
  position: absolute; inset: 0; border-radius: 50%; background: #F3E3C4;
  box-shadow: 0 0 0 14px rgba(243,227,196,.07), 0 0 46px 12px rgba(243,227,196,.22);
  animation: glow 7s ease-in-out infinite;
}
.moon svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.star { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #FDF3DF; animation: twinkle 4s ease-in-out infinite; }
.fireflies { position: absolute; left: 0; right: 0; bottom: 100%; height: 150px; pointer-events: none; z-index: 1; }
.firefly {
  position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #F7E08A;
  box-shadow: 0 0 10px 4px rgba(247,224,138,.45);
  animation: flutter 14s ease-in-out infinite, twinkle 3s ease-in-out infinite;
}

html.night, html.night body { background: #1E1A2B; }
.night .page { background: #1E1A2B; color: #EDE3D6; }
.night h1 { color: #F7EDDE; }
.night .tagline { color: rgba(237,227,214,.62); }
.night .features li { background: rgba(243,217,184,.12); color: #F0CB95; }
.night footer { background: #1F2A24; border-top-color: rgba(243,217,184,.08); }
.night .credit { color: rgba(237,227,214,.6); }
.night .credit strong { color: #F7EDDE; }
.night .paws svg { color: #F3D9B8; opacity: .2; }
.night .cloud { color: #383150; opacity: .8; }
.night .birds { display: none; }
.night .sun { display: none; }
.night .moon, .night .stars, .night .fireflies { display: block; }
.night .hero-dog .halo { background: rgba(243,217,184,.06); }
.night .hero-dog .ring { border-color: rgba(243,217,184,.22); }
.night .hero-dog > svg:first-of-type,
.night .tree1, .night .tree2,
.night .sit1, .night .sit2, .night .roamers svg,
.night .grass-row svg, .night .butterfly { filter: brightness(.68) saturate(.72); }
.night .leaf { opacity: .55; }