/* ==========================================================================
   Humana Software - estilos base
   Este archivo se carga ANTES de Tailwind a propósito: así las utilidades de
   Tailwind (ej. border-primary/60) pueden sobrescribir a .glass cuando se
   combinan en el mismo elemento.
   ========================================================================== */

:root {
  --color-background: #1f2937; /* gray-800 */
  --color-surface: #374151;    /* gray-700 */
  --color-primary: #52b4dd;    /* celeste Humana */
  --color-text-primary: #f8fafc;
  --color-text-secondary: #cbd5e1;
  --color-border: #4b5563;     /* gray-600 */
}

html {
  scroll-behavior: smooth;
  /* Compensa la navbar fija al saltar a una sección con #ancla */
  scroll-padding-top: 5rem;
}

/* Pintado inmediato: evita el parpadeo mientras Tailwind genera sus clases. */
body {
  margin: 0;
  background-color: var(--color-background);
  color: var(--color-text-primary);
  font-family: Inter, Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

::selection {
  background-color: rgb(82 180 221 / 0.3);
}

/* Tarjeta translúcida usada en todo el sitio (equivalente a la utilidad
   .glass que existía en el proyecto React). */
.glass {
  background-color: rgb(55 65 81 / 0.5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

/* Foco visible para navegación por teclado. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Los iconos se inyectan con Lucide al cargar; reservamos el espacio para que
   el contenido no salte. */
[data-lucide] {
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}