/* ==========================================================================
   NEXURA — Variables globales (paleta corporativa, tipografía, espaciados)
   ========================================================================== */

:root {
  /* Paleta corporativa */
  --color-primary: #3B4CFF;      /* Azul índigo/eléctrico */
  --color-primary-alt: #4361EE;
  --color-bg: #0D0D0D;           /* Negro carbón */
  --color-bg-alt: #121212;
  --color-bg-elevated: #161821;  /* superficies (cards, inputs) */
  --color-white: #FFFFFF;
  --color-accent: #00E5FF;       /* Cian brillante — neón */

  /* Texto */
  --color-text: #F5F6FA;
  --color-text-muted: #A3A7B7;
  --color-border: rgba(255, 255, 255, 0.1);

  /* Tipografía */
  --font-heading: "Space Grotesk", "Inter", sans-serif;
  --font-body: "Inter", sans-serif;

  /* Escala tipográfica */
  --fs-h1: clamp(2.25rem, 5vw + 1rem, 4rem);
  --fs-h2: clamp(1.75rem, 3vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.5vw + 1rem, 1.75rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Espaciados */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Layout */
  --container-width: 1180px;
  --header-height: 64px;
  --radius: 14px;
  --radius-sm: 8px;

  /* Efectos */
  --shadow-neon: 0 0 18px rgba(0, 229, 255, 0.35);
  --shadow-neon-soft: 0 0 30px rgba(59, 76, 255, 0.25);
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}