/* ============================================================
   SendYa · Design tokens — dirección "Cinemática operativa"
   Referencia estética/funcional: Spaceship (dark cinematográfico,
   glass, profundidad, motion sedoso) × colores y ADN SendYa
   (aurora del coming-soon, hexágono, capa de dato operativo).
   ------------------------------------------------------------
   REGLA DE LIMA (auditable): --lima SOLO en elementos clickeables
   o datos que cambian en tiempo real. Lima decorativa = bug.
   Lima NUNCA como texto sobre fondo claro.
   Excepción declarada: los ESTADOS OPERATIVOS de la red y de los
   paquetes (pills OPERATIVO, sellos ENTREGADO) cuentan como dato
   vivo aunque el HTML sea estático — representan estado real de
   la operación y se conectarán a endpoint cuando exista.
   ============================================================ */

:root {
  /* --- Color: espacio profundo con bias morado --- */
  --fondo:      #0D0618;   /* base del sitio: espacio, no negro puro   */
  --fondo-2:    #120A24;   /* tinta — continuidad exacta coming-soon   */
  --noche:      #1A0540;   /* campos profundos / paneles grandes       */
  --bodega:     #2C0A63;   /* elevación interna, hover de filas        */
  --morado:     #5B15B9;   /* primario de marca: glows, botones sec.   */
  --morado-vivo:#7A2FE0;   /* tope de gradientes, hover primario       */
  --lila:       #AD8ADB;   /* voz secundaria sobre oscuro              */
  --lima:       #C6F135;   /* SOLO acción y dato vivo (ver regla)      */
  --blanco:     #FFFFFF;

  --blanco-92:  rgba(255,255,255,0.92);
  --blanco-70:  rgba(255,255,255,0.70);
  --blanco-45:  rgba(255,255,255,0.45);
  --blanco-12:  rgba(255,255,255,0.12);
  --blanco-08:  rgba(255,255,255,0.08);

  /* --- Superficies glass (firma Spaceship adaptada) --- */
  --glass:        rgba(255,255,255,0.045);
  --glass-hover:  rgba(255,255,255,0.075);
  --glass-brd:    rgba(255,255,255,0.10);
  --glass-brd-2:  rgba(173,138,219,0.28);  /* borde lila para paneles clave */
  --glow-morado:  0 0 80px rgba(91,21,185,0.45);
  --glow-lima:    0 0 34px rgba(198,241,53,0.30);

  /* --- Tipografía: tres voces --- */
  --f-display: 'Sora', system-ui, sans-serif;          /* la marca habla   */
  --f-body:    'Space Grotesk', system-ui, sans-serif; /* la marca opera   */
  --f-mono:    'IBM Plex Mono', ui-monospace, monospace;/* la máquina registra */

  --fs-hero:    clamp(2.7rem, 6.2vw, 5.9rem);
  --fs-h2:      clamp(2rem, 4.4vw, 3.7rem);
  --fs-h3:      clamp(1.2rem, 1.9vw, 1.5rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.875rem;
  --fs-label:   0.75rem;
  --fs-mono:    0.6875rem;

  --track-display: -0.03em;
  --track-label:    0.09em;

  /* --- Layout --- */
  --max-w:      1280px;
  --gutter:     24px;
  --margin-x:   clamp(20px, 4vw, 48px);
  --sect-y:     clamp(88px, 11vw, 150px);
  --sect-y-sm:  clamp(52px, 7vw, 88px);

  /* --- Forma: radius generosos, jerarquizados --- */
  --r-sm:   12px;
  --r-md:   20px;
  --r-lg:   28px;
  --r-pill: 999px;

  /* --- Motion --- */
  --ease-marca:   cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-frenada: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-reveal:   700ms;
  --dur-senal:    250ms;
  --dur-invert:   160ms;
}