/* ==========================================================================
   EraSol — styles personnalisés (hors Tailwind)
   Tailwind est chargé via CDN dans index.html ; les polices via <link>.
   Ce fichier ne contient que le fond, la scrollbar et les animations SVG.
   ========================================================================== */

/* Base */
body {
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  background-color: #0b0f19; /* premium solar-night space dark */
  color: #f1f5f9;
}

/* Scrollbar personnalisée */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f97316;
}

/* Animations & lueur (glow) */
@keyframes pulseGlow {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(1.03);
  }
}

.solar-glow {
  filter: drop-shadow(0 0 15px rgba(249, 115, 22, 0.4));
}

.heliostat-ray {
  stroke-dasharray: 8 4;
  animation: dash 10s linear infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: -100;
  }
}