/* ===========================================================
   Daniel Velez Portfolio - Estilos globales
   ============================================================ */

@font-face {
  font-family: "Pronell";
  src: url("rsc/pronell/Pronell.otf") format("opentype");
  font-weight: 100 900;
  font-style: normal;
  font-display: block;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --holo-gradient: linear-gradient(
    105deg,
    #96eeff 0%,
    #b8ffeaff 22%,
    #95ff00ff 42%,
    #c0ff02ff 58%,
    #6ef0a4ff 78%,
    #00ffff 100%
  );
  --bg: #0b0b0bff;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: #fff;
  font-family: "Pronell", "Space Grotesk", Inter, system-ui, sans-serif;
  position: relative;
}

/* Gradiente holo animado (global) */
@keyframes holoShift {
  0% {
    background-position: 0% 50%;
  }
  25% {
    background-position: 100% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}