/* Add custom CSS styles below */ 
/* Honey Store – Warm Cream */
:root{
  --honey-amber:#F3B700;
  --honey-gold:#FFD166;
  --honey-cream:#FFF7E6;
  --honey-caramel:#FFC857;
  --honey-brown:#5A3B00;
}
@keyframes bg-pan{
  0% {background-position: 0% 50%;}
  50%{background-position: 100% 50%;}
  100%{background-position: 0% 50%;}
}
html,body{height:100%;}
body{
  margin:0;
  background:
    radial-gradient(200% 140% at 100% 0, rgba(243,183,0,.18), rgba(0,0,0,0) 40%),
    linear-gradient(135deg, var(--honey-cream) 0%, #FFE4AD 35%, var(--honey-caramel) 60%, #FFE4AD 80%, var(--honey-cream) 100%);
  background-size: 160% 160%, 160% 160%;
  animation: bg-pan 22s ease-in-out infinite;
  color:#3B2600;
}

/* نقش خلايا نحل شفّاف جداً */
body::after{
  content:"";
  position:fixed; inset:0;
  background:
    linear-gradient(30deg, #0000 42%, rgba(0,0,0,.05) 0 58%, #0000 0) 0 0/60px 52px,
    linear-gradient(150deg,#0000 42%, rgba(0,0,0,.05) 0 58%, #0000 0) 0 0/60px 52px,
    linear-gradient(90deg, rgba(0,0,0,.05) 2px, #0000 0) 0 0/60px 52px;
  pointer-events:none;
  opacity:.25;
}