/* 
 * Reset CSS y estilos base para DDLS
 */

/* Box-sizing border-box para todos los elementos */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Comportamiento de desplazamiento suave */
html {
  scroll-behavior: smooth;
}

/* Desactivar desplazamiento suave si el usuario prefiere movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Estilos base para el cuerpo */
body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-primary);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Accesibilidad: contornos visibles al hacer foco */
:focus-visible {
  outline: 2px solid var(--neon-cyan);
  outline-offset: 2px;
}

/* Estilización personalizada de la barra de desplazamiento */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
  background-color: var(--neon-cyan);
  border-radius: var(--border-radius-sm);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/* Color de selección de texto */
::selection {
  background-color: var(--neon-cyan);
  color: var(--bg-primary);
}